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

2018-10-23 10:53 更新

視頻地址如下,內(nèi)容有點(diǎn)長(zhǎng),點(diǎn)開后可需要登錄QQ觀看:https://ke.qq.com/webcourse/index.html#course_id=8493&term_id=100133314&taid=532103498309933&vid=l1400q43k8l

問題來了,有序列表標(biāo)簽怎么寫?無序列表標(biāo)簽怎么寫?

有序列表無序列表

接下來稍微介紹一下視頻的內(nèi)容

什么是塊級(jí)標(biāo)簽?我們可以通過一個(gè)簡(jiǎn)單的方式來判定,那就是在網(wǎng)頁上單擊右鍵選擇“審查元素”

審查元素

在審查元素當(dāng)中顯示為可折疊的就是塊狀標(biāo)簽

塊狀標(biāo)簽的辨別

那么常見的塊狀標(biāo)簽有哪些呢?

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

<h1></h1>、<h2></h2>、<h3></h3>......以此類推,其中,規(guī)范的寫法里<h1></h1>在一個(gè)頁面當(dāng)中僅出現(xiàn)一次,也就是頁面標(biāo)題。遇到需要?jiǎng)澲攸c(diǎn)的小標(biāo)題使用<h2></h2>標(biāo)簽,而從<h3></h3>開始的作用就微乎其微了,當(dāng)然在顯示上還是會(huì)有一個(gè)字體大小的區(qū)別,這些區(qū)別也是可以另外通過代碼控制的,圖片給出的僅僅是默認(rèn)樣式

代碼如下

<h1>一級(jí)標(biāo)題</h1>
<h2>二級(jí)標(biāo)題</h2>
<h3>三級(jí)標(biāo)題</h3>
<h4>四級(jí)標(biāo)題</h4>
<h5>五級(jí)標(biāo)題</h5>
<h6>六級(jí)標(biāo)題</h6>
效果如下


段落標(biāo)簽

<p></p>有時(shí)候會(huì)出現(xiàn)沒有換行的情況,那么可以使用換行標(biāo)簽<br></br>

水平線標(biāo)簽

<hr></hr>

效果如下:


有序列表標(biāo)簽

就是會(huì)按照1、2、3......或者其它遞進(jìn)方式排列

<ol>

<li>列表項(xiàng)1</li>

<li>列表項(xiàng)2</li>

<li>列表項(xiàng)3</li>

</ol>

顯示效果

  1. 列表項(xiàng)1
  2. 列表項(xiàng)2
  3. 列表項(xiàng)3

無序列表標(biāo)簽

每一個(gè)列表都是一樣的標(biāo)示
代碼如下
<ul>

<li>列表項(xiàng)1</li>

<li>列表項(xiàng)2</li>

<li>列表項(xiàng)3</li>

</ul>
顯示效果
  • 列表項(xiàng)1
  • 列表項(xiàng)2
  • 列表項(xiàng)3

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)