整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          瀏覽器未安裝flash插件提示實現代碼

          開發中使用到jquery.uploadify.js,這個插件有使用到flash文件,以前舊版本的谷歌瀏覽器會自動加載flash,升級之后就不會加載了;每次要新增數據,才發現數據填完了,附件卻上傳不了,然后開始了復雜的找啟動flash的地方,啟用之后頁面又要重新加載,剛提交的數據就全部沒了,算了重新填吧,誰讓自己沒記性了;

          現有程序可以直接讓你訪問系統就直接指導是否開啟了flash:

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          <html xmlns="http://www.w3.org/1999/xhtml">
          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          <title>flash播放插件提示</title>
          </head>
          <body>
          	<!--banner開始-->
          	<div class="banner">
          	 <div class="con">
          		<embed width="1000" height="115" type="application/x-shockwave-flash" wmode="transparent" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" src="top1.swf"></embed>
          		<noscript>
          		請安裝flash播放插件!
          		</noscript>
          	 </div>
          	</div>
          	<!--banner結束-->
           
          </body>
          </html>
          

          效果如下:

          /一、html

          //a、HTML語法規范

          //a.1基本語法概述

          1、HTML標簽是由尖括號包圍的關鍵字,例如,

          2、HTML標簽通常是成對出現的,例如和,我們成為雙標簽,標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽。

          3、有些特殊的標簽是單個標簽(極少情況),例如

          ,我們稱為單標簽

          //a.2標簽關系

          雙標簽關系可以分為兩類:包含關系和并列關系。

          //b、HTML基本結構標簽

          //b.1第一個HTML網頁

          每個網頁都會有一個基本的結構標簽(也稱為骨架標簽),頁面內容也是在這些基本標簽上寫的。

          HTML頁面也稱為HTML文檔

          標簽名

          定義

          說明

          <html></html>

          HTML標簽

          頁面中最大的標簽,我們稱為根標簽

          <head></head>

          文檔的頭部

          注意在head標簽中我們必須要設置的標簽是title

          <title></title>

          文檔的標題

          讓頁面擁有一個屬于自己的網頁標題

          <body></body>

          文檔的主體

          元素包含文檔的所有內容,頁面內容,基本都是放到body里面的

          必須是.html或.htm,瀏覽器的作用是讀取HTML文檔,并以網頁的形式顯示出它們。

          此時,用瀏覽器打開這個網頁,我們就可以預覽我們寫的第一個HTML文件了。

          //c、開發工具vscode

          1、<!DOCTYPE>標簽
          文檔類型聲明,作用就是告訴瀏覽器使用哪種HTML版本來顯示網頁

          <!DOCTYPE html>這句代碼的意思是:當前頁面采用的是HTML5來顯示頁面。
          

          2、lang語言

          用來定義當前文檔顯示的語言:

          a、en定義語言為英語

          b、zh-CN定義語言為中文

          簡單來說定義為en就是英文網頁,定義為zh-CN就是中文網頁

          其實對于文檔顯示來說,定義成en的文檔也可以顯示中文,定義zh-CN的文檔也可以顯示英文

          這個屬性對于瀏覽器和搜索引擎(百度、谷歌等)還是有作用的

          3、charset字符集

          字符集是多個字符的集合,以便計算機能夠識別和存儲各種文字

          在標簽內,通過標簽的charset屬性來規定HTML文檔應該使用哪種字符編碼。

          charset常用的值:GB2312、BIG5、GBK和UTF-8,其中UTF-8也稱為萬國碼,基本包含了全世界所有國家需要用到的字符。

          注意:上面語法是必須寫的代碼,否則可能引起亂碼的情況,一般情況下,統一使用"UTF-8"編碼,盡量統一寫成標準的"UTF-8",不要寫成"utf-8"或"UTF8"。

          //d、HTML常用標簽

          //d.1標簽語義

          學習標簽是有技巧的,重點是記住每個標簽的語義,簡單理解就是指標簽的含義,即這個標簽是用來干嘛的

          根據標簽的語義,在合適的地方給一個最為合理的標簽,可以讓頁面結構更清晰。

          //d.2標題標簽

          -

          (重要)

          為了使網頁更具有語義,我們經常會在頁面中用到標題標簽,HTML提供了6個等級的網頁標題集

          -

          特點:

          1、加了標題的文字會變得更加粗,字號也會依次變大。

          2、一個標題獨占一行。

          //d.3段落和換行標簽(重要)

          在網頁中,要把文字有條理地顯示出來,就需要將這些文字分段顯示,在HTML標簽中,

          標簽用于定義段落,它可以將整個網頁分為若干段落。

          <p>我是一個段落標簽</p>標簽語義:可以把HTML文檔分割為若干段落。
          

          特點:
          1、文本在一個段落中會根據瀏覽器窗口的大小自動換行。
          2、段落和段落之間保有一個較大的空隙。

          在HTML中,一個段落中的文字從左到右依次排列,直到瀏覽器的右端,然后自動換行,如果希望某段文本強制換行顯示,就需要使用換行標簽

          <br />
          

          單詞break的縮寫,意為打斷,換行。

          特點:

          1、單標簽

          2、

          標簽只是簡單地開始新的一行,跟段落不一樣,段落之間會插入一些垂直的間距。

          //d.4文本格式標簽

          在網頁中,有時需要為文字設置粗體,斜體或下劃線等效果,這時就需要用到HTML中的文本格式標簽,使文字以特殊的方式顯示

          標簽語義:突出重要性,比普通文字更重要。

          語義

          標簽

          說明

          加粗

          <strong></strong>或者<b></b>

          更推薦使用<strong></strong>標簽加粗,語義更強烈

          傾斜

          <em><em> 或者<i><i>

          更加推薦使用<em><em>標簽,語義更加強烈

          刪除線

          <del><del>或者<s><s>

          更加推薦使用<del><del>標簽,語義更加強烈

          下劃線

          <ins><ins>或者<u><u>

          更加推薦<ins><ins>標簽,語義更加強烈

          //d.5<div>和<span>標簽
          <div>和<span>是沒有語義的,它們就是一個盒子,用來裝內容。

          <div>這是頭部</div>
          <span>今日價格</span>

          div是division的縮寫,表示分割,分區,span意為跨度,跨距。

          特點:

          1、<div>標簽用來布局,但是現在一行只能放一個<div>,大盒子。

          2、<span>標簽用來布局,一行上可以有多個<span>,小盒子

          //d.6圖像標簽和路徑(重點)

          1、圖像標簽

          在HTML標簽中,<img>標簽用于定義HTML頁面中的圖像。

          <img src="圖像url"/>

          單詞image的縮寫,意為圖像

          src是<img>標簽的必須屬性,它用于指定圖像文件的路徑和文件名。

          所謂屬性:簡單理解就是屬于這個圖像標簽的特性。

          圖像標簽的其他屬性:

          屬性

          屬性值

          說明

          src

          圖片路徑

          必須屬性

          alt

          文本

          替換文本,圖像不能顯示的文字

          title

          文本

          提示文本,鼠標放到圖像上,顯示文字

          width

          像素

          設置圖像的寬度

          height

          像素

          設置圖像的高度

          border

          像素

          設置圖像的邊框粗細

          TML針對不同的內容有不同類型的標記,這些標記是HTML5文檔的基礎,你知道有哪些嗎?

          1.單標記和雙標記

          為了方便學習和理解,通常將HTML5標記分為兩大類,即雙標記和單標記。

          a.雙標記:

          雙標記雙標記也稱為體標記,分為開始標記和結束標記,其基本語法為:

          <標記名>內容</標記名>

          如:

          <p>我是一個雙標記</p>

          b.單標記:

          單標記也稱空標記,是指用一個標記就可以完整的描述某個功能,其基本語法為:

          <標記名/>

          如:

          <hr/>

          上面hr標記表示一條水平線,后面會提到

          2.注釋標記

          注釋標記是HTML的一種特殊標記,它是一段便于閱讀理解的不需要在頁面中顯示的注釋文字。其基本語法格式為:

          <!-- 注釋語句 -->

          如:

          <p>這是一段文本</p>   <!-- 這是注釋文本,不會在頁面中顯示 -->

          上圖即為瀏覽器中的結果。

          3.標記的屬性

          HTML標記的默認樣式是無法滿足頁面開發的需求的,如果想要為某段文本設置特定的樣式,就需要用到HTML標記的屬性了,其基本語法格式為:

          <標記名 屬性1="屬性值1" 屬性2="屬性值2" 屬性3="屬性值3"...>內容</標記名>

          下面以一個例子來展示:

          網頁第一行是一個二級居中的標題,第二行是一個局中的段落,第三行是一個大小為2px,顏色為灰色的水平線,第四行是一段正常的段落,部分詞語被加粗

          <!DOCTYPE html>
          <html lang="en">
          <head>
              <meta charset="UTF-8">
              <meta http-equiv="X-UA-Compatible" content="IE=edge">
              <meta name="viewport" content="width=device-width, initial-scale=1.0">
              <title>Document</title>
          </head>
          <body>
              <h2 align="center">我是居中的二級標題</h2> 
              <p align="center">我是居中的段落</p> 
              <hr size="2" color="#ccc"/>
              <p>我是一個正常的段落,這是<strong>關鍵字</strong>,其他的都是正常內容。<p/>
          </body>
          </html>

          效果如圖所示:

          ?

          多學一招(鍵值對):

          “鍵值對”簡單地說即為對“屬性”設置“值”

          例如:

          color = "red";width:"200px";

          上面的color和width就相當于屬性1和屬性2,red和200px就是對應的屬性值1和屬性值2,如果順序出錯,是沒有效果的

          總結:

          在HTML開始標記中,可以通過 屬性=“屬性值”的方式為標記添加屬性,其中“屬性”和“屬性值”是以“鍵值對”的形式出現的

          4.HTML5文檔頭部相關標記(拓展)

          1.title

          一個HTML文檔只能含有一對<title></title>標記,<title></title>之間的內容將顯示在瀏覽器窗口的標題欄中。

          基本語法格式:

          <title>網頁標題名稱</title>

          2.meta

          meta定義頁面元信息:

          設置網頁關鍵字》》》<meta name=”keywords” content=”JAVA、php”/>

          設置網頁描述》》》<meta name=”description” content=”IT培訓教育”/>

          設置網頁作者》》》<meta name=”author” content=”傳智播客”/>

          設置字符集》》》<meta http-equiv=”Content-Type” content=”text/htm; charset=utf-8l”/>

          設置頁面自動刷新與跳轉》》》<meta http-equiv=”refresh” content=”10;url=http://www.itcast.cn”/>

          3.link

          基本語法格式:

          <link 屬性=”屬性值” />

          屬性名

          常用屬性值

          描述

          href

          URL

          指定引用外部文檔

          rel

          stylesheet

          指定當前文檔與引用外部文檔的關系,該屬性值通常為stylesheet,表示定義一個外部樣式表

          type

          text/css

          引用外部文檔的類型為CSS

          type

          text/javascript

          引用外部文檔的類型為JavaScript腳本

          4.style

          基本語法格式:

          <style 屬性=”屬性值”>樣式內容</style>

          在HTML中使用style標記時,常常定義其屬性為type,相應的屬性值為text/css,表示使用內嵌式的CSS樣式


          主站蜘蛛池模板: 精品免费国产一区二区三区| 亚洲第一区在线观看| 麻豆视传媒一区二区三区| 亚洲国产精品一区第二页| 日本无码一区二区三区白峰美| 国产一区二区精品| 国产一区二区三区国产精品| 无码国产精品一区二区免费虚拟VR| 成人国内精品久久久久一区| 福利一区二区三区视频午夜观看| 亚洲日本一区二区| 国产成人一区二区三区在线| 相泽亚洲一区中文字幕| 无码人妻精品一区二| 精品乱码一区二区三区在线| 色婷婷亚洲一区二区三区| 久久精品免费一区二区喷潮| 亚洲AV无码一区二区三区电影 | 亚洲欧美国产国产一区二区三区 | 久久一区二区三区免费| 国产丝袜无码一区二区视频| 国产精品一区二区在线观看| 精品日韩一区二区三区视频| 国偷自产视频一区二区久| 精品人妻少妇一区二区三区不卡| 国产香蕉一区二区在线网站| 一区二区传媒有限公司| 无码精品一区二区三区| 国产精品美女一区二区| 动漫精品一区二区三区3d| 一区二区三区在线播放| 亚洲一区AV无码少妇电影☆| 国产一区二区福利| 亚洲国产综合精品中文第一区| 亚洲国产美国国产综合一区二区 | 岛国精品一区免费视频在线观看| 最美女人体内射精一区二区| 亚洲AV成人一区二区三区AV| 精品少妇人妻AV一区二区三区| 亚洲欧洲无码一区二区三区| 美女福利视频一区二区|