HTML是Hyper Text Markup Language的縮寫，意思是“超文本標識語言”，它實際上是專門用來編寫網頁的一種編程語言。大多數網頁的構成基礎就是HTML的語句。

所有頁面都應該至少包含這些部分，由于瀏覽器容錯性強，所以即使不包含也能正常顯示，但是最好還是寫完全了。

HTML文件是一個ASCII格式的文件。它可以在任何一種可以編輯ASCII文件的編輯器中編輯（如果HTML文件中包含漢字，則要在支持漢字的編輯器中編輯）。

直接用瀏覽器打開，檢查運行結果

◇ 頭部分是給Html頁面增加一些輔助或者屬性信息，它里面的內容會最先加載。體部分是真正存放頁面數據的地方。

◇ 多數標簽都是有開始標簽和結束標簽，其中有個別標簽因為只有單一功能，或者沒有要修飾的內容可以在標簽內結束。

◇ 想要對被標簽修飾的內容進行更豐富的操作，就用到了標簽中的屬性，通過對屬性值的改變，增加了更多的效果選擇。

◇ 屬性與屬性值之間用“=”連接，屬性值可以用雙引號或單引號或者不用引號，一般都會用雙引號?；蚬疽幎〞鴮懸幏?。

1）格式： 標簽名 屬性名=‘屬性值’ 數據內容 /標簽名 或 標簽名 屬性名= 屬性值 /

2）操作思想： 為了操作數據，都需要對數據進行不同標簽的封裝，通過標簽中的屬性對封裝的數據進行操作。

標簽就相當于一個容器。對容器中的數據進行操作，就是在不斷的改變容器的屬性值。

列表是一種條理化地排列信息的方法。它把內容一條條地水平排列顯示，直觀、清晰。而它也不同于表格，一般列表沒有表格復雜。

 span >

 span >

自定義列表以 dl 標簽開始。每個自定義列表項以 dt 開始。每個自定義列表項的定義以 dd 開始。

 span >

結果：

Coffee

Black hot drink

Milk

White cold drink

1） ul 和 /ul

此標記可以帶屬性，變成 ul type= x 的形式，x有如下幾種:

x為disc：條目以符號“●”引導。

x為circle：條目以符號“○”引導。

x為square：條目以符號“■”引導。

2） ol 與 /ol

此標記會自動給條目排序并加上序號，也可帶有屬性：

a、 ol type= x

x為A：以大寫字母排序。如A，B，C，D等。

x為a：以小寫字母排序。如a，b，c，d等。

x為I：以大寫羅馬數字排序。如I，II，III，IV等。

x為i：以小寫羅馬數字排序。如i，ii，iii，iv等。

x為1：以阿拉伯數字排序。如1，2，3，4等。

b、 ol start= n

n是一個數字，此標記符表示重新定義的起始號。

 span >

結果：

使用表格基本能實現對頁面元素在瀏覽器中隨心所欲的排版定位。表格通常用來顯示大量的、分類化的信息，具有表示清晰、明了的特點，使用十分廣泛。表

格一般由以下幾部分組成：表格名稱、表格欄及表中數據。

使用表格的這一屬性可以給表格加上框線。如 table border 表示表格是有表格線的，border的線寬默認為1。沒有寫border則表示表格是沒有表格線的。一般用

table border=n 來設置“有線表格”和邊框寬度。n是一個具體的數字，用來指定寬度的大小，單位是“像素”，默認為沒有邊框。當n為0時，也沒有邊框。

這一屬性可以用來設置有線表格的單元格線的寬度，用法為 table cellspacing=n 。n是一個具體的數值，單位是像素。（也就是相鄰單元格線之間的距離）

這一屬性可以用來設置單元格線與數據之間的距離，用法為 table cellpadding=n 。n為數值，單位是像素，默認值是1。（也就是每個單元格邊線和當中數據的間

隔）

這是一對用來指明表格標題的標記，常用格式如： caption 表格標題內容 /caption （默認在表格框上，且相對于表格寬度居中）

這對標記用來指明表格欄目行中的一項。一行可以由多項組成，必須嵌套在 tr 與 /tr 之中使用。由此標記指定的欄目，文字會突出顯示。

超過一行，瀏覽器默認會自動換行顯示。使用該屬性進行屏蔽。

href中不僅僅只能用file和http協議，其它協議也可以的，如thunder,mailto

用HTML創建超文本鏈接需要使用 A 標記符（結束標記符 /A 不能省略），它的最基本屬性是href，用于指定超文本鏈接的目標。通過為href指定不同的值，可以

創建出不同類型的超鏈接。

在HTML文件中用鏈接指針指向一個目標。其基本格式為： a href = … 標記超文本鏈接信息 /a

超文本鏈接指向自己的計算機中的某一個文件，叫本地鏈接。在文件中需要創建一個標簽(即做一個記號)，為頁面中需要跳轉到的位置命名。命名時應使用 A 標記

符的name屬性。格式如下： a name= 標簽名 此處創建了一個標簽 /a

如果希望用戶在網頁上通過鏈接直接打開客戶端的發送郵件的工具發送電子郵件，則可以在網頁內包含發送電子郵件的功能。實現此功能所需的全部工作就是在鏈

接標記中插入mailto值。如: a href= mailto:webmaster@hnu.cn 管理員信箱 /a

a href= thunder://ewuiiewuiwe223== a.avi /a

1）link屬性：設置超鏈接文字的顏色，默認為藍色，格式： link=#rrggbb

2）vlink屬性：設置鼠標指向超鏈接文字時，該鏈接文字的顏色，默認為紅色，使用格式為： vlink=#rrggbb

a href= javascript:void(0) quot;alert( 很好.. ) 自定義超鏈接(取消默認點擊效果，觸發自定義事件) /a

給href的屬性值賦：javascript:void(0)，以屏蔽默認點擊效果

target= _blank 這個屬性可以讓超鏈接的目標在另一個窗口中顯示出來

圖像地圖： map

應用：當要在圖像中選取某一部分作為連接的時候。如：中國地圖每個省所對應的區域。map標簽要和img標簽聯合使用

 img src= Sunset.jpg alt= 圖片說明文字 usemap= #map /  map  area shape= rect coords= 50,59,116,104 href= 1.html /  area shape= circle coords= 118,203,40 href= 2.html /  /map 

點擊圖片Sunset.jpg上面以（50,59）為矩形左上點，寬116，高為104區域時 ，鏈接到1.html頁面；同理點擊上面以（118,203）為圓心，40為半徑區域時，鏈接到

2.html。

1) get提交將數據顯示在地址欄，對于敏感信息不安全。post提交不顯示在地址欄，對于敏感信息安全

2) 地址欄中存放的數據是有限，所以get方式對提交的數據體積有限制。而post可以提交大體積數據。

3) 對提交數據的封裝方式不同。get將提交數據封裝到了http消息頭的第一行即請求行中。而post將提交的數據封裝到請求體(請求數據)體中。

無論是get還是post方式，對于Tomcat服務器端，默認的解碼方式是ISO8859-1，因此中文會出現亂碼。解決：通過用ISO8859-1進行編碼，再用相應的中文碼

表進行解碼即可。

如果是post提交，可以使用request.setCharacterEncoding(“GBK”);來解決亂碼問題，該方法只對數據體有效即該方法只設置數據體的編碼方式。因此，通常表

單使用post提交，因為這樣編碼更方便。

1) 地址欄中輸入url地址 ------ get方式

2) 超連接 ------ get方式

3) 表單 ------ get和post方式

1、 meta

name 屬性：網頁的描述信息。當取keywords時，content屬性的內容就作為搜索引擎的關鍵字進行搜索。

http-equiv 屬性：模擬HTTP協議的響應消息頭。

2、 link

rel 屬性：描述目標文檔與當前文檔的關系。

type 屬性：文檔類型。

media：指定目標文檔在哪種設備上起作用。

3、 marquee

滾動條

direction 屬性：left right down up

behavior 屬性：scroll（重復滾動） alternate（來回滾動） slide（不重復滾動）

loop 屬性：滾動的次數 -1表示一直滾動

scrolldelay屬性：設置活動字幕滾動兩次之間的延遲時間

4、 pre

可以將文本內容按在代碼區的樣子顯示在頁面上。

注：pre標簽對 包含html標簽的文字內容無法實現按排版格式顯示

5、幾個純數據封裝標簽

p span p

6、標簽分為兩大類

1) 塊級標簽(元素)：標簽結束后都有換行。font span img input select a

2) 行內標簽(元素)：標簽結束后沒有換行。 p p dl ol ul table title

7、lable標簽

給元素定義快捷鍵

 label for= user accesskey= u 用戶名(u) /label  input type= text id= user / 

點擊用戶名時，會自動跳到user的編輯框中

【相關推薦】

1. 免費html在線視頻教程

2. html開發手冊

3. VeVb.com原創html5視頻教程

以上就是必須掌握的html小知識的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。