首頁技術(shù)文章正文

如何使用H標簽?【卡其漫畫2】

更新時間:2020-07-03 來源:黑馬程序員 瀏覽量:

前言:

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

在HTML有一些標簽是非常重要的,對于重要的標簽的使用,下面會給大家詳細的講解用法和注意點。下面給大家講解一個HTML非常重要且常用的標簽: 標題標簽。

在寫頁面的時候,頁面中常常會出現(xiàn)一些標題,比如:

1593768781132_HTML標題.jpg


1593768797518_HTML標題1.jpg


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

在HTML中標題標簽有一個系列代碼語法如下:

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


我們看看這些標題在頁面的顯示效果:

1593771184071_H標簽.jpg

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

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

那么代碼就可以如下:

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

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


猜你喜歡

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

如何引入CSS樣式表?

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




分享到:
在線咨詢 我要報名
和我們在線交談!