1. a 標簽

href 屬性：href即hyper(超級)-reference(鏈接/引用)的縮寫，即為超鏈接的意思。該屬性值為超鏈接地址名。該屬性值的取值形式為：

1）網(wǎng)絡地址：

• "https://baidu.com"：
• "http://baidu.com"：
• "//baidu.com"：無協(xié)議網(wǎng)址

2）文件路徑：

• 相對路徑：同一文件內的本地html頁面所在的相對路徑名作為鏈接地址。
• 絕對路徑：當前打開的文件為根目錄

3）偽協(xié)議：

• " javescript:代碼; "：可用于寫一個a標簽但又不想做任何操作，就用href="javascript:;"。若用href=""，點擊會刷新頁面，href="#"點擊不會刷新頁面但是會跳轉至頂部。因此，只有用js偽協(xié)議才能真正做到點擊a標簽什么都不做。
• "#id值"：可跳轉到該id值標簽的內容所在部分。
• " mailto:郵箱 "：打開郵箱并自動填入郵箱地址
• " tel:手機號"：打開撥號頁面并自動填入號碼

target 屬性：該屬性是指跳轉方向的意思，即將在哪個窗口打開該鏈接地址。基本屬性值有五類，分別為

• "_self"：在當前頁面打開超鏈接
• "_blank"：在新的空白頁面打開超鏈接
• "_parent"：若有iframe包含的子窗口、孫窗口等，在當前窗口的上一層父窗口打開超鏈接
• "_top"：若有iframe包含的子窗口、孫窗口等，在最外層窗口即祖宗窗口打開超鏈接。
• "xxx"：會先檢查有沒有叫xxx名字的窗口，若沒有則新建一個窗口命名為xxx，當后面再有一個值為xxx時便是該窗口打開。可用于設置利用同一個窗口打開覆蓋多個頁面。也可給iframe窗口的name命名為xxx，則打開的頁面就是在iframe窗口打開了。

download 屬性：非賦值屬性，開啟后點擊該鏈接會下載超鏈接地址中的網(wǎng)頁，而不是查看，但瀏覽器大部分不支持。

2. table 標簽

tabel中常用的結構標簽有三個，分別是：

表頭主體表尾

然后是表項標簽分別有：

• tr：即table row，是表中的一行
• th：即table header，是指表頭，默認會加粗顯示。
• td：即table data：表中的一項數(shù)據(jù)

table的幾個樣式：

• table-layout：可用于定義每列寬度是相等還是根據(jù)字數(shù)大小分布。auto和fixed。
• border-collapse：取值為collapse，則可合并單元格去除表項內邊界。
• border-spacing：一般設置邊界間隔為0。

3. img 標簽

該標簽會發(fā)出一個get請求，返回一張圖片。

屬性

src 屬性：屬性值為圖片的地址，可為網(wǎng)絡地址也可為相對或者絕對路徑。

alt屬性：即alternative，可供選擇的，當圖片加載失敗后，顯示該部分內容。

width：只寫寬度，高度會自適應等比縮放。

height：只寫高度，寬度會自適應等比縮放。

事件

onload和onerror，其中onerror可用于加載圖片加載失敗的圖片。

4. form 標簽

該標簽會發(fā)送一個get或者post請求然后刷新頁面

屬性

action屬性：以get或者post的方式請求到action屬性值里對應的頁面。

method屬性：請求方式的設置，get和post。

autocomplete屬性：設置form的autocomplete屬性值為"on"，然后在表單的input的輸入標簽中設置input的name="username"，則輸入框獲得焦點后會顯示用戶在該瀏覽器上曾經輸入過的用戶名。可選擇并自動填充。

target屬性：和a標簽的target屬性類型，設置提交到哪個頁面。

事件

onsubmit事件

from相關的其他知識：

form中一定要有個type="submit"的提交按鈕，可以是<input type="submit"/>也可以是<button type="submit">提交</button>，其中button不寫類型默認是type="submit"。兩個按鈕的區(qū)別是，input標簽里不能有其他內容，但button標簽里可以再包含其他標簽，也可用圖片做按鈕等。

5. input 標簽

該標簽的主要目的是讓用戶輸入內容

屬性：

type 屬性：

• text：默認屬性值，為輸入文本框
• button：為按鈕
• color：為一個顏色選擇器
• password：為輸入密碼，不顯示輸入內容，以······代替
• radio：單選，要設置多個radio類型的input的name屬性值相同，歸為一組，在一組中單選
• checkbox：多選，一組checkbox類型的input也要name相同，便于后續(xù)獲取該選擇的數(shù)組。
• file：選擇一個文件，在其后再加multiple即<input type="file" multiple/>，可同時選擇多個文件內容。
• hidden：隱藏文本框
• number：只能輸入數(shù)字，且可從輸入的數(shù)字連續(xù)點擊增1減1。
• search：搜索框，會有x號出現(xiàn)刪除搜索內容

required 屬性：

非賦值屬性，啟用該屬性則點擊提交時提示請?zhí)顚懘俗侄危琀TML自帶的驗證功能。

事件：

• onchange：內容改變時觸發(fā)的事件
• onfocus：文本框獲得焦點時觸發(fā)的事件
• onblur：文本框失去焦點時觸發(fā)的事件

6. textarea 標簽

input是單行輸入，textarea是多行輸入，且什么屬性不設置的話，該文本框可被拖動放大縮小。可設置其style屬性為<textarea style="resize: none;"></textarea>可固定該文本框大小禁止拖動。

7. select+option 標簽

可用于做選擇列表，option標簽是每一項內容。