哈嘍，大家好！我是minisummer！首先感謝您的關(guān)注！
今天給大家分享的內(nèi)容是HTML基礎(chǔ)知識(shí)：F12開發(fā)者調(diào)試工具，HTML層級(jí)結(jié)構(gòu)，HTML元素、標(biāo)簽和屬性。
什么是HTML
HTML是用來描述網(wǎng)頁的一種語言，英文全稱是Hyper Text Markup Language，也叫超文本標(biāo)記語言。
標(biāo)記語言就是把文本和文本以外的相關(guān)信息（例如大小，高度，顏色，位置等）組合在一起的語言。
查看網(wǎng)頁源碼
在網(wǎng)頁任意地方點(diǎn)擊鼠標(biāo)右鍵，然后點(diǎn)擊“顯示網(wǎng)頁源代碼”。
或者按F12鍵（或Fn+F12鍵）打開開發(fā)者調(diào)試模式。
以百度首頁為例：https://www.baidu.com/
HTML的組成
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
百度一下，你就知道！
</body>
</html>
層級(jí)結(jié)構(gòu)
HTML和python一樣有縮進(jìn)，根據(jù)縮進(jìn)來區(qū)分網(wǎng)頁層級(jí)結(jié)構(gòu)。
標(biāo)簽
標(biāo)簽用于標(biāo)記文本信息，指用尖括號(hào)（<>和</>）括起來的字母和英文，形式有兩種：閉合標(biāo)簽和空標(biāo)簽。
閉合標(biāo)簽，它們絕大多數(shù)成對(duì)出現(xiàn)（有開始標(biāo)簽<>,也有結(jié)束標(biāo)簽</>），如：<title>和</title>是標(biāo)題標(biāo)簽，<div>和</div>是塊標(biāo)簽，<form>和</form>是表單標(biāo)簽。
空標(biāo)簽，顧名思義，指那些“孤苦伶仃”的單標(biāo)簽，它們“形影單只”只有一個(gè)尖括號(hào)<>（斜杠/可省略），標(biāo)簽開始即結(jié)束，比如上面的<img />是圖片標(biāo)簽，<link />是鏈接標(biāo)簽，<input />是input標(biāo)簽。
HTML常用標(biāo)簽
元素與標(biāo)簽區(qū)別
標(biāo)簽只是用尖括號(hào)<></>括起來的字母和英文，元素包含了開始標(biāo)簽與結(jié)束標(biāo)簽內(nèi)的所有代碼。如html元素是指<html></html>包括標(biāo)簽內(nèi)的所有代碼。
屬性
屬性由賦值語句組成，如width屬性可以描述圖片的寬。height屬性能控制圖片的高度。
屬性名 = 屬性值 如：width= “50”,id='su',id='kw'。
class屬性與id屬性
class屬性的作用是給元素增添類名，多個(gè)元素可配置一個(gè)類名，類名相同的元素沿襲同一套樣式。
id屬性則剛好和class屬性相反，整個(gè)HTML文檔，它是獨(dú)一無二的標(biāo)識(shí)，每個(gè)id值只能定義一個(gè)元素。
id就像是學(xué)生的學(xué)生證號(hào)碼，每個(gè)人都是唯一的，而學(xué)生們可以屬于同一個(gè)班級(jí)，班級(jí)就像class。
HTML 總結(jié)
1.層級(jí)結(jié)構(gòu)
主要由元素組成，縮進(jìn)代表html的層級(jí)
<html>
<head></head>
<body></body>
</html>
2.標(biāo)簽
空標(biāo)簽（<>或</>）
閉合標(biāo)簽（<>和</>）
3.屬性
標(biāo)簽內(nèi)的賦值語句（width=‘20px’）
class可定義相同類型的元素
id是定義元素的唯一標(biāo)識(shí)
請(qǐng)大家多多指教~
以上內(nèi)容希望對(duì)你有幫助，有被幫助到的朋友歡迎點(diǎn)贊，評(píng)論。
注：轉(zhuǎn)載請(qǐng)注明出處，商用請(qǐng)征得作者本人同意，謝謝！?。?/strong>
