更新時(shí)間:2020-07-03 來源:黑馬程序員 瀏覽量:
前言:
其實(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è)系列代碼語法如下:
我們看看這些標(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)簽即可。
那么代碼就可以如下:
到這里相信大家對(duì)于標(biāo)題標(biāo)簽已經(jīng)掌握了。后期大家多加練習(xí)相信很快就能熟練標(biāo)題標(biāo)簽的使用的。推薦了解黑馬程序員web前端培訓(xùn)課程。
猜你喜歡