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