HTML之標(biāo)題標(biāo)簽H的用法

前言:

其實(shí)HTML的學(xué)習(xí)其實(shí)就是學(xué)習(xí)大量的標(biāo)簽的使用的，接下來會(huì)給大家講解HTML中的常用的重要的標(biāo)簽的使用和注意點(diǎn)，相信大家學(xué)習(xí)這些標(biāo)簽之后對(duì)于去書寫網(wǎng)頁(yè)的基本結(jié)構(gòu)完全都不是問題了。一起加油！

在HTML有一些標(biāo)簽是非常重要的，對(duì)于重要的標(biāo)簽的使用，下面會(huì)給大家詳細(xì)的講解用法和注意點(diǎn)。下面給大家講解一個(gè)HTML非常重要且常用的標(biāo)簽： 標(biāo)題標(biāo)簽。

在寫頁(yè)面的時(shí)候，頁(yè)面中常常會(huì)出現(xiàn)一些標(biāo)題，比如：

那么在頁(yè)面上我們?nèi)绾问褂么a來表示這些內(nèi)容呢？瀏覽器又如何知道我們想要顯示的是一個(gè)標(biāo)題呢？那么這個(gè)時(shí)候就需要標(biāo)題標(biāo)簽了。

在HTML中標(biāo)題標(biāo)簽有一個(gè)系列代碼語法如下：

<!--以下是h1到h6標(biāo)簽,h1字體最大，h6字體最小，一般用于標(biāo)題-->
   <h1>傳智播客•黑馬程序員-廣州中心</h1>
   <h2>傳智播客•黑馬程序員-廣州中心</h2>
   <h3>傳智播客•黑馬程序員-廣州中心</h3>
   <h4>傳智播客•黑馬程序員-廣州中心</h4>
   <h5>傳智播客•黑馬程序員-廣州中心</h5>
   <h6>傳智播客•黑馬程序員-廣州中心</h6>

我們看看這些標(biāo)題在頁(yè)面的顯示效果：

從上面我們可以看出標(biāo)題標(biāo)簽是從h1-h6的，并且h1表示的標(biāo)題在頁(yè)面的級(jí)別是最高的。所以大家在做頁(yè)面的時(shí)候可以根據(jù)標(biāo)題的重要性來選擇標(biāo)題標(biāo)題的使用。

我們知道標(biāo)題標(biāo)簽的使用，對(duì)于卡其漫畫中這樣的效果就能很好的去實(shí)現(xiàn)的了。上圖卡其漫畫中的這兩個(gè)其實(shí)不是主要的標(biāo)題，只是小的副標(biāo)題，所以我們可以選用h3、h4這樣的中間級(jí)別的標(biāo)題標(biāo)簽即可。

那么代碼就可以如下：

<h3>游戲中心</h3>
游戲中心下的內(nèi)容區(qū)域

到這里相信大家對(duì)于標(biāo)題標(biāo)簽已經(jīng)掌握了。后期大家多加練習(xí)相信很快就能熟練標(biāo)題標(biāo)簽的使用的。推薦了解傳智播客web前端培訓(xùn)課程。


猜你喜歡：

HTML 5 vido pause()方法暫停視頻怎么實(shí)現(xiàn)?

CSS滑動(dòng)門是什么?有什么用處?