<!--屬性名不需要加雙引號(hào),屬性值必須加雙引號(hào)-->
<!DOCTYPE html><!--文檔聲明-代表使用h5的規(guī)范,必須寫(xiě)在第一行,不區(qū)分大小寫(xiě)-->
<html lang="en,zh">
<head>
<meta charset="utf-8"> 編碼字符集是utf-8,一般都用這個(gè),這樣頁(yè)面顯示的文字就不會(huì)亂碼,國(guó)際通用
<meta content="網(wǎng)頁(yè)關(guān)鍵字" nam="keywords">
<meta content="網(wǎng)站描述信息" nam="description">
<title>淘寶網(wǎng)-淘 我喜歡!</title> 這是網(wǎng)頁(yè)標(biāo)題,比如淘寶網(wǎng)頁(yè)的標(biāo)題
<style type="text/css">
//寫(xiě)頁(yè)面布局
</style>
</head>
<body>
//各種標(biāo)簽可以嵌套使用
<p>段落標(biāo)簽</p>
<h1>標(biāo)題標(biāo)簽,有六種,逐次減小,獨(dú)占一行,加粗字體</h1>
<strong>標(biāo)簽內(nèi)內(nèi)容加粗展示</strong>
<em>斜體</em>
<del>原價(jià)¥50 就是帶刪除線的</del>
<address>地址,獨(dú)占一行,斜體</address>
<div>重點(diǎn):綁定化操作類(lèi)似一個(gè)容器,將頁(yè)面元素包裝成一塊一塊的,方便維護(hù),
讓頁(yè)面更加結(jié)構(gòu)化,有相同屬性的話,直接操作div就不用一個(gè)一個(gè)去設(shè)置</div>
<span><span>
</body>
</html>
- html根標(biāo)簽,所有html的內(nèi)容必須寫(xiě)在html標(biāo)簽內(nèi),代表是一個(gè)頁(yè)面
lang="en"告訴搜索引擎爬蟲(chóng),我們的網(wǎng)站是關(guān)于什么內(nèi)容的 ,en是中文,zh是中文,這個(gè)屬性跟網(wǎng)頁(yè)排序有關(guān):
一種是競(jìng)價(jià)排名,就是花錢(qián)排到前面(小公司一般花不起)
一種是搜索引擎爬蟲(chóng),當(dāng)你符合他的行為習(xí)慣就有可能排到前面(meta標(biāo)簽內(nèi)元素)
- head 是頁(yè)面的頭部,一般是對(duì)這個(gè)html的一些特性設(shè)置,比如網(wǎng)頁(yè)標(biāo)題、頁(yè)面樣式這些、編碼格式等 例如上面代碼
- body頁(yè)面具體內(nèi)容,一個(gè)網(wǎng)頁(yè)所有的組成元素都寫(xiě)在這里面,是靜態(tài)的,就像是一間房子里,家具啥的都擺成一堆,要想好看,就得給房子進(jìn)行裝修,家具都買(mǎi)好后,在head中用style標(biāo)簽寫(xiě)上布局樣式,就能把房子裝修好看,還能有動(dòng)態(tài)效果
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。