第一部分：標(biāo)簽

什么是標(biāo)簽？

由尖括號包裹單詞構(gòu)成，如：，所以標(biāo)簽不可能以數(shù)字開頭。

標(biāo)簽不區(qū)分大小寫，但推薦小寫。

標(biāo)簽可以嵌套，但不能交叉嵌套。

標(biāo)簽也稱為元素。比如：行內(nèi)標(biāo)簽亦可成行內(nèi)元素。

錯誤示例： 正確示例：

1.標(biāo)簽的使用樣式及屬性

（1）標(biāo)簽的使用樣式：

開始標(biāo)簽又稱開放標(biāo)簽標(biāo)簽體結(jié)束標(biāo)簽又稱閉合標(biāo)簽或關(guān)標(biāo)簽

自閉合標(biāo)簽/單標(biāo)簽，如：，
等

單標(biāo)簽有兩種寫法： 寫法一：只寫開標(biāo)簽即可
寫法二：在開標(biāo)簽的結(jié)尾寫一個/，如

（2）標(biāo)簽屬性：

通常為鍵值對形式出現(xiàn)，比如： 里面的charset為標(biāo)簽的屬性，對應(yīng)的單引號或者雙引號里的稱為屬性值；

屬性只能出現(xiàn)在開始標(biāo)簽和自閉合標(biāo)簽內(nèi)，但不能出現(xiàn)在結(jié)束標(biāo)簽里；

屬性名字全部小寫，屬性值必須用單引號或者雙引號包裹；

如果屬性名和屬性值完全一樣，直接寫屬性名即可，如：“readonly”(input標(biāo)簽屬性)

（3）塊狀標(biāo)簽

這是個段落標(biāo)簽，我是塊狀標(biāo)簽

小知識點：網(wǎng)頁的默認(rèn)字號是1em（1em=16px）！

總共有四個：

標(biāo)題標(biāo)簽；

我是一級標(biāo)簽，一個網(wǎng)頁只能有一個，別的可以有多個

我是二級標(biāo)簽

段落標(biāo)簽；

我是段落標(biāo)簽

列表標(biāo)簽：分為有序列表，無序列表和定義列表三大類；

3. 這是有序列表1
4. 這是有序列表2
5. 這是有序列表3

• 這是無序列表1
• 這是無序列表2
• 這是無序列表3
• 這是無序列表4

水果

葡萄

榴蓮

蔬菜

花菜

包菜

div標(biāo)簽。

如果嫌打列表標(biāo)簽太麻煩，可使用快捷方法:（n表示相應(yīng)的標(biāo)簽的個數(shù)，直接輸入下面語句Tab一下即可生成！）

*是乘的作用，后面跟一個數(shù)字，數(shù)字是幾，就會生成幾個標(biāo)簽！

舉例：

實現(xiàn)：

$可以代表一個數(shù)字，這個數(shù)字從1開始，逐步增大，通常和*連用。

舉例：

實現(xiàn)：

{}里面用于書寫標(biāo)簽的文本內(nèi)容。

舉例：

實現(xiàn)：

[]里面用于書寫屬性名和屬性值（如果不加屬性值，則創(chuàng)建屬性值為空的屬性）

舉例①：

舉例②：

實現(xiàn)①：

實現(xiàn)②：

>用于指示下一級標(biāo)簽，他們構(gòu)成父子關(guān)系（包含關(guān)系）

舉例：

說明：

+在當(dāng)前標(biāo)簽的后面生成一個平級的標(biāo)簽（兄弟關(guān)系）

舉例：

實現(xiàn)：

#a生成一個id位a的div標(biāo)簽

舉例：

實現(xiàn)：

綜合使用：

舉例①：

實現(xiàn)①：

舉例②：

實現(xiàn)②：

舉例③：

實現(xiàn)③：

舉例④：

實現(xiàn)④：

舉例⑤：

實現(xiàn)⑤：

（4）內(nèi)聯(lián)標(biāo)簽（行內(nèi)標(biāo)簽）

我是個文本標(biāo)簽

總共有四種：

圖片標(biāo)簽

我是超鏈接

文本標(biāo)簽

我是文本標(biāo)簽

如果圖片標(biāo)簽里填的是本地圖片的地址（相對路徑）：

1.如果圖片在同級目錄下，直接： 當(dāng)前目錄名/圖片名

或者： ./當(dāng)前目錄名/圖片名

2.如果圖片在上級目錄下，直接： . ./圖片名

至于為什么要實現(xiàn)行內(nèi)標(biāo)簽和塊狀標(biāo)簽的相互轉(zhuǎn)換，小伙伴們在設(shè)置css樣式時會get到這個點哦。

比如：塊狀標(biāo)簽是不能放在一行了，但我們可以通過先轉(zhuǎn)換為行內(nèi)標(biāo)簽就可以了！！！

In The End！

本博主會持續(xù)更新爬蟲基礎(chǔ)分欄及爬蟲實戰(zhàn)分欄（為了小伙伴們更好的進(jìn)行頁面解析，也會更新部分前端必備知識點博文！），認(rèn)真仔細(xì)看完本文的小伙伴們，可以并評論出你們的讀后感。并可關(guān)注本博主，在今后的日子里閱讀更多爬蟲文！

如有錯誤或者言語不恰當(dāng)?shù)牡胤娇稍谠u論區(qū)指出，謝謝！ 如轉(zhuǎn)載此文請聯(lián)系我說明用以意并標(biāo)注出處及本博主名，謝謝！

JavaScript

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實的內(nèi)容，請聯(lián)系我們jiasou666@gmail.com 處理，核實后本網(wǎng)站將在24小時內(nèi)刪除侵權(quán)內(nèi)容。