a標(biāo)簽

href

a的href的取值分為四部分：

1.網(wǎng)址
https: //baidu.com
http: //baidu.com
// baidu.com
作用：跳轉(zhuǎn)鏈接

2.路徑
/a/b/c以及a/b/c
index.html以及 ./index.html
作用：跳轉(zhuǎn)頁面

3.偽協(xié)議
JavaScript：代碼；
mailto: 郵箱
tel: 手機(jī)號
作用：跳轉(zhuǎn)郵箱或者電話

4.id
href =#xxx
作用: 跳轉(zhuǎn)內(nèi)部錨點(diǎn)

target

a的target的取值：
_blank: 在新窗口打開
_self: 默認(rèn)窗口打開
_parent: 不常用
_top: 不常用

download

作用：下載頁面，有問題，建議不要用

rel = noopener

看了文檔也沒看懂，建議不要用

img標(biāo)簽

img標(biāo)簽的作用：

發(fā)出get請求，展示一張圖片

img標(biāo)簽的屬性：

alt="xxx": 圖片加載不出來的時候，xxx就會出現(xiàn)

height：高，不需要加單位

width：寬，不需要加單位

src：圖片的相對路徑或者是絕對路徑

title：在上個博客講過，鼠標(biāo)經(jīng)過，顯示里面的內(nèi)容

img的響應(yīng)式

max-width = 100%

table標(biāo)簽

table：是一個塊級容器標(biāo)簽，所有表格內(nèi)容都要放在這個標(biāo)簽里面

caption：表示表格的標(biāo)題。該元素是可選的

thead，tbody，tfoot：都是table的子元素，分別表示表頭、表體和表尾

tr：表示表格的一行一般放在thead、tbody、tfoot的下一級，如果沒有這三個標(biāo)簽則直接放在table的下一級。

th、td：都放在tr標(biāo)簽里使用，用來定義表格的單元格，th表示標(biāo)題單元格，td
表示數(shù)據(jù)單元格

相關(guān)的樣式

tble-layout: auto：大多數(shù)瀏覽器采用自動表格布局算法對表格布局。列寬由單元格內(nèi)容設(shè)定

tble-layout: fixed ：列寬由表格寬度設(shè)定

border-collapse: collapse ：相鄰的單元格共用同一條邊框，必加

border-spacing: 0：單元格邊框?yàn)?，必加這個樣式，要不然太丑

form標(biāo)簽

form的作用：

發(fā)送get或post請求

form的屬性：

action: 控制請求哪個頁面
autocomplete: on或者off，是否自動填充
method: 控制使用get還是post來請求
target: 屬性規(guī)定在何處打開 action URL

form包含哪幾個標(biāo)簽:

input標(biāo)簽：
作用：讓用戶輸入內(nèi)容
屬性type：button，text，checkbox，password......
其他：
name，autofocus，checked，disabled......

select標(biāo)簽： <select>搭配<option>標(biāo)簽，用于定義列表中的可用選項(xiàng)

textarea標(biāo)簽：定義多行的文本輸入控件。

label標(biāo)簽： label 標(biāo)簽不會向用戶呈現(xiàn)任何特殊效果。
            不過，它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點(diǎn)擊文本，就會觸發(fā)此控件。
            就是說，當(dāng)用戶選擇該標(biāo)簽時，瀏覽器就會自動將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。

form的注意事項(xiàng)

1.一般不監(jiān)聽input的click的事件
2.form里面的input要有name
3.form里面必須要有type = submit,要不然不會觸發(fā)submit事件