更新時間:2020-07-03 來源:黑馬程序員 瀏覽量:
前言:
其實(shí)HTML的學(xué)習(xí)其實(shí)就是學(xué)習(xí)大量的標(biāo)簽的使用的,接下來會給大家講解HTML中的常用的重要的標(biāo)簽的使用和注意點(diǎn),相信大家學(xué)習(xí)這些標(biāo)簽之后對于去書寫網(wǎng)頁的基本結(jié)構(gòu)完全都不是問題了。一起加油!
在HTML有一些標(biāo)簽是非常重要的,對于重要的標(biāo)簽的使用,下面會給大家詳細(xì)的講解用法和注意點(diǎn)。下面給大家講解一個HTML非常重要且常用的標(biāo)簽: 標(biāo)題標(biāo)簽。
在寫頁面的時候,頁面中常常會出現(xiàn)一些標(biāo)題,比如:
那么在頁面上我們?nèi)绾问褂么a來表示這些內(nèi)容呢?瀏覽器又如何知道我們想要顯示的是一個標(biāo)題呢?那么這個時候就需要標(biāo)題標(biāo)簽了。
在HTML中標(biāo)題標(biāo)簽有一個系列代碼語法如下:
我們看看這些標(biāo)題在頁面的顯示效果:
從上面我們可以看出標(biāo)題標(biāo)簽是從h1-h6的,并且h1表示的標(biāo)題在頁面的級別是最高的。所以大家在做頁面的時候可以根據(jù)標(biāo)題的重要性來選擇標(biāo)題標(biāo)題的使用。
我們知道標(biāo)題標(biāo)簽的使用,對于卡其漫畫中這樣的效果就能很好的去實(shí)現(xiàn)的了。上圖卡其漫畫中的這兩個其實(shí)不是主要的標(biāo)題,只是小的副標(biāo)題,所以我們可以選用h3、h4這樣的中間級別的標(biāo)題標(biāo)簽即可。
那么代碼就可以如下:
到這里相信大家對于標(biāo)題標(biāo)簽已經(jīng)掌握了。后期大家多加練習(xí)相信很快就能熟練標(biāo)題標(biāo)簽的使用的。推薦了解黑馬程序員web前端培訓(xùn)課程。
猜你喜歡