HTML文檔中包含有各種級(jí)別的標(biāo)題,各種級(jí)別的標(biāo)題由<h1>到<h6>元素來(lái)定義。其中,<h1>代表最高級(jí)別的標(biāo)題,依次遞減,<h6>級(jí)別最低。
標(biāo)題字標(biāo)記h<h1>到<h6>元素中的字母h是英文headline的簡(jiǎn)稱。作為標(biāo)題,它們的重要性是有區(qū)別的,其中<h1>標(biāo)題的重要性最高,<h6>的最低。
語(yǔ)法:
<h1>一級(jí)標(biāo)題</h1>
<h2>二級(jí)標(biāo)題</h2>
<h3>三級(jí)標(biāo)題</h3>
<h4>四級(jí)標(biāo)題</h4>
<h5>五級(jí)標(biāo)題</h5>
<h6>六級(jí)標(biāo)題</h6>
說(shuō)明:在該語(yǔ)法中,有6個(gè)級(jí)別的標(biāo)題,<h1>是一級(jí)標(biāo)題,使用最大的字號(hào)表示,<h6>是6級(jí)標(biāo)題,使用最小的字號(hào)表示。
舉例:
<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=gb2312" />
<title>標(biāo)題字標(biāo)記</title>
</head>
<body>
<h1>1級(jí)標(biāo)題</h1>
<h2>2級(jí)標(biāo)題</h2>
<h3>3級(jí)標(biāo)題</h3>
<h4>4級(jí)標(biāo)題</h4>
<h5>5級(jí)標(biāo)題</h5>
<h6>6級(jí)標(biāo)題</h6>
</body>
</html>在代碼中加粗部分的標(biāo)記是6種不同級(jí)別的標(biāo)題,在瀏覽器中預(yù)覽可以看到效果,如下圖所示。
提示
對(duì)于不同的瀏覽器,其確切的點(diǎn)陣尺寸的大小也不相同,但<h1>標(biāo)題大約是標(biāo)準(zhǔn)文字高度的2到3倍,<h6>標(biāo)題則比標(biāo)準(zhǔn)字體略小。
標(biāo)題字對(duì)齊屬性
align默認(rèn)情況下,標(biāo)題文字是左對(duì)齊的。而在網(wǎng)頁(yè)制作過(guò)程中,常常需要選擇其他的對(duì)齊方式。關(guān)于對(duì)齊方式的設(shè)置要使用align參數(shù)進(jìn)行設(shè)置。
語(yǔ)法:
<align=對(duì)齊方式>
說(shuō)明:在該語(yǔ)法中,align屬性需要設(shè)置在標(biāo)題標(biāo)記的后面,其對(duì)齊方式的取值見(jiàn)下表所示。
<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=gb2312" />
<title>標(biāo)題字的對(duì)齊</title>
</head>
<body>
<h1>1級(jí)標(biāo)題</h1>
<h2 align="left">2級(jí)標(biāo)題左對(duì)齊
</h2><h3 align="center">3級(jí)標(biāo)題居中對(duì)齊
</h3><h4 align="right">4級(jí)標(biāo)題右對(duì)齊
</h4>
</body>
</html>在代碼中加粗部分的代碼標(biāo)記是為標(biāo)題文字設(shè)置了左、中、右不同的對(duì)齊方式,在瀏覽器中預(yù)覽可以看到效果,如下圖所示。