1.<DOCTYPE HTML>
DOCTYPE 不是標(biāo)簽而是聲明語(yǔ)句 ,是聲明HTML語(yǔ)言版本類型的語(yǔ)句
2.<html lang="en"></html>
html 是頁(yè)面根標(biāo)簽蹲诀,所有的頁(yè)面代碼全部寫(xiě)在html標(biāo)簽中
lang 屬性(language)語(yǔ)言屬性
en => 英文
zh => 中文
3<head><meta charset="UFT-8"><title></title></head>
head 雙標(biāo)簽(有開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽)
頭部標(biāo)簽
設(shè)置網(wǎng)頁(yè)基本信息的標(biāo)簽
meta 單標(biāo)簽(只有結(jié)束標(biāo)簽)
用來(lái)設(shè)置網(wǎng)頁(yè)具體的信息
charset屬性:用來(lái)設(shè)置網(wǎng)頁(yè)編碼格式
title 一個(gè)用來(lái)描述網(wǎng)頁(yè)的標(biāo)簽
示例:<title>標(biāo)簽</title>
3.<body></body>
內(nèi)容標(biāo)簽,所有的頁(yè)面內(nèi)容都在body中編寫(xiě)
4.塊標(biāo)簽
比如div吃型、p泉懦、ul等等拯欧,特點(diǎn)是都獨(dú)占一行
5.行標(biāo)簽
比如span等等打颤,特點(diǎn)在一行之間排列
總結(jié):
1.標(biāo)簽的概念
標(biāo)簽別稱(盒子,元素)于个,文本信息都必須寫(xiě)在雙標(biāo)簽中氛魁。
根據(jù)有無(wú)閉合標(biāo)簽可分為
雙標(biāo)簽(html,body,div,span等等)
單標(biāo)簽(meta等等)
2.根據(jù)頁(yè)面渲染結(jié)果可分為
塊標(biāo)簽(div):
特征:
1.獨(dú)占一行 ,每個(gè)塊標(biāo)簽都會(huì)導(dǎo)致文本流換行
2.可以設(shè)置寬(width)高(height)
3.可以嵌套塊標(biāo)簽和行標(biāo)簽
4.不設(shè)置高度時(shí)高度由內(nèi)容撐開(kāi)览濒,不設(shè)置寬度時(shí)寬度和父盒子等寬呆盖,標(biāo)簽之間的嵌套關(guān)系我們擬人化的稱之為父子關(guān)系
<div>父標(biāo)簽<div>子標(biāo)簽</div></div>
行標(biāo)簽(span)
1.可以在一行之間排列拖云,但是 如果長(zhǎng)(chang)出父盒子則會(huì)自動(dòng)換行(如果是單個(gè)行標(biāo)簽超出寬度贷笛,此情況不換行)
2.不能設(shè)置寬高,寬高由內(nèi)容撐開(kāi)
3.可以嵌套塊標(biāo)簽宙项,但是不推薦7唷!S瓤稹(不符合書(shū)寫(xiě)規(guī)范)