標(biāo)題字

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ù)覽可以看到效果,如下圖所示。

b91b7a235dce45ab3e21f7c5bfd3ef19.jpg

提示

對(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)下表所示。

881899fc9996778c7287c53ad5a714a4.jpg

<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ù)覽可以看到效果,如下圖所示。

b91b7a235dce45ab3e21f7c5bfd3ef19.jpg


網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷咨詢專線:0871-63535511(點(diǎn)擊可一鍵撥號(hào))