如何使用H標(biāo)簽？【卡其漫畫2】

前言:

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

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

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

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

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

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

從上面我們可以看出標(biāo)題標(biāo)簽是從h1-h6的，并且h1表示的標(biāo)題在頁面的級(jí)別是最高的。所以大家在做頁面的時(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)簽即可。

那么代碼就可以如下：

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


猜你喜歡

什么是盒模型?看著兩張圖就知道了!

如何引入CSS樣式表?

常用css樣式大全[2020最新整理版]