首頁技術文章正文

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

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

前言:

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

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

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

1593768781132_HTML標題.jpg


1593768797518_HTML標題1.jpg


那么在頁面上我們如何使用代碼來表示這些內容呢?瀏覽器又如何知道我們想要顯示的是一個標題呢?那么這個時候就需要標題標簽了。

在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>
游戲中心下的內容區(qū)域

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


猜你喜歡

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

如何引入CSS樣式表?

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




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