溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

html5標(biāo)題標(biāo)記的等級有哪些

發(fā)布時(shí)間：2021-12-17 09:37:10 來源：億速云 閱讀：664 作者：iii 欄目：web開發(fā)

這篇文章主要介紹“html5標(biāo)題標(biāo)記的等級有哪些”，在日常操作中，相信很多人在html5標(biāo)題標(biāo)記的等級有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”html5標(biāo)題標(biāo)記的等級有哪些”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

html5的標(biāo)題標(biāo)記一共有6個(gè)等級：1、“<h2>”，可定義一級標(biāo)題；2、“<h3>”，可定義二級標(biāo)題；3、“<h4>”，可定義三級標(biāo)題；4、“<h5>”，可定義四級標(biāo)題；5、“<h6>”，可定義五級標(biāo)題；6、“<h7>”，可定義六級標(biāo)題。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

HTML文檔中包含有各種級別的標(biāo)題，各種級別的標(biāo)題由<h2>到<h7>元素來定義。其中， <hl>代表最髙級別的標(biāo)題,依次遞減,<h7>級別最低。

標(biāo)題字標(biāo)記<h2>~<h7>

<h2>到<h7>元素中的字母h是英文headline的簡稱。作為標(biāo)題，它們的重要性是有區(qū)別 的，其中<hl>標(biāo)題的重要性最高,<6>的最低。

語法：

<h2>一級標(biāo)題</h2>
<h3>二級標(biāo)題</h3>
<h4>三級標(biāo)題</h4>
<h5>四級標(biāo)題</h5>
<h6>五級標(biāo)題</h6>
<h7>六級標(biāo)題</h7>

說明：

在該語法中，有6個(gè)級別的標(biāo)題，<hl>是一級標(biāo)題，使用最大的字號表示，<h7>是6級標(biāo)題，使用最小的字號表示。

舉例：

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312"/>
<title>標(biāo)題字標(biāo)記</title>
</head>
<body>
<h2>1級標(biāo)題</h2>
<h3>2級標(biāo)題</h3>
<h4>3級標(biāo)題</h4>
<h5>4級標(biāo)題</h5>
<h6>5級標(biāo)題</h6>
<h7>6級標(biāo)題</h7>
</body>
</html>

其中body欄目的<h2>至</h7>部分的標(biāo)記是6種不同級別的標(biāo)題，在瀏覽器中預(yù)覽可以看到效果，如圖3.1所示。

html5標(biāo)題標(biāo)記的等級有哪些

提示：對于不同的瀏覽器，其確切的點(diǎn)陣尺寸的大小也不相同，但<hl>標(biāo)題大約是標(biāo)準(zhǔn)文字髙度的2到3倍，<h7>標(biāo)麵比標(biāo)準(zhǔn)字體略小。

標(biāo)題字對齊屬性align

默認(rèn)情況下，標(biāo)題文字是左對齊的。而在網(wǎng)頁制作過程中，常常需要選擇其他的對齊方式。關(guān)于對齊方式的設(shè)置要使用align參數(shù)進(jìn)行設(shè)置。

語法：

<silgn=對齊方式>

說明:

在該語法中，align屬性需要設(shè)置在標(biāo)題標(biāo)記的后面，其對齊方式的取值見表3-1所示。

表 3-1                                                 對齊方式的取值

屬性值含義

left

左對齊
center居中對齊
right右對齊

舉例：

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312"/>
<title>標(biāo)題字的對齊</title>
</head>
<body>
<h2>1級標(biāo)題</h2>
<h3  align="left">2級標(biāo)題左對齊</h3>
<h4  align="center">3級標(biāo)題居中對齊</h4>
<h5  align="right">4級標(biāo)題右對齊</h5>
</body>
</html>

其中body欄目中的<h3>置</h5>部分的代碼標(biāo)記是為標(biāo)題文字設(shè)置了左、中、右不同的對齊方式，在瀏覽 器中預(yù)覽可以看到效果，如圖3.2所示。

html5標(biāo)題標(biāo)記的等級有哪些

提示：對于不同的瀏覽器，其確切的點(diǎn)陣尺寸的大小也不相同，但<h2>標(biāo)題大約是標(biāo)準(zhǔn)文字高度的2到3倍，<h7>標(biāo)題則比標(biāo)準(zhǔn)梯子略小。

到此，關(guān)于“html5標(biāo)題標(biāo)記的等級有哪些”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手