HTML常用的塊級標(biāo)簽

●HTML常用的塊級標(biāo)簽

1.<h1>......</h1> ?標(biāo)題標(biāo)簽

字母h后面的數(shù)字可以是1~6之間的任何數(shù)字,數(shù)字越大字體越小。

2.<p>......</p> ? 段落標(biāo)簽

3.<hr/> 水平線標(biāo)簽

? ?沒有字結(jié)束標(biāo)簽</hr>

4.列表標(biāo)簽


a.有序列表標(biāo)簽 ? ? (<ol>標(biāo)簽有一個(gè)重要屬性type)

語法格式如下:

<ol ?type="start">

<li>項(xiàng)目一</li>

<li>項(xiàng)目二</li>

.......

</ol>


b.無序列表標(biāo)簽(亦稱為符號列表)

標(biāo)簽同樣具有type屬性,屬性值有disc,circle,square,分別表示實(shí)心圓,空心圓和實(shí)心方塊。語法格式如下:

<ul ?type="disc/circle/square">

<li>項(xiàng)目一</li>

<li>項(xiàng)目二</li>

</ul>


c.定義列表標(biāo)簽

定義列表分成兩部分:列表描述項(xiàng)和列表解釋項(xiàng)。語法格式如下:

<dl>?

<dt>描述項(xiàng)1</dt>

<dd>j解釋項(xiàng)1</dd>

......

<dt>描述項(xiàng)2</dt>

<dd>解釋項(xiàng)2</dd>

......

<dt>描述項(xiàng)n</dt>

<dd>解釋項(xiàng)n</dd>

......

</dl>


5.分區(qū)標(biāo)簽

<div id=" ? ">頭部內(nèi)容</div>

<div id=" ? ">導(dǎo)航內(nèi)容</div>
<div id=" ? ">底部內(nèi)容</div>
<div>標(biāo)簽一般當(dāng)做結(jié)構(gòu)化塊狀元素使用,一般最常見的就是對網(wǎng)頁進(jìn)行整體布局的時(shí)候使用。相當(dāng)于一個(gè)容器。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進(jìn)階之旅閱讀 16,914評論 32 459
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,190評論 1 92
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,533評論 1 41
  • 一、有序列表、無序列表、自定義列表如何使用?寫個(gè)簡單的例子。三者在語義上有什么區(qū)別?在哪些情況下使用哪種(重要)?...
    hk_kh閱讀 857評論 0 0
  • HTML基礎(chǔ) 本文包括 HTML基本知識與結(jié)構(gòu) HTML常見標(biāo)簽 標(biāo)簽寫法與嵌套的討論 HTML、CSS、java...
    廖少少閱讀 2,216評論 2 21

友情鏈接更多精彩內(nèi)容