站長(zhǎng)資訊網(wǎng)
html5的標(biāo)題標(biāo)記一共有6個(gè)等級(jí)：1、“<h1>”，可定義一級(jí)標(biāo)題；2、“<h2>”，可定義二級(jí)標(biāo)題；3、“<h3>”，可定義三級(jí)標(biāo)題；4、“<h4>”，可定義四級(jí)標(biāo)題；5、“<h5>”，可定義五級(jí)標(biāo)題；6、“<h6>”，可定義六級(jí)標(biāo)題。
本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。
HTML文檔中包含有各種級(jí)別的標(biāo)題，各種級(jí)別的標(biāo)題由<h1>到<h6>元素來定義。其中， <hl>代表最髙級(jí)別的標(biāo)題,依次遞減,<h6>級(jí)別最低。
標(biāo)題字標(biāo)記<h1>~<h6>
<h1>到<h6>元素中的字母h是英文headline的簡(jiǎn)稱。作為標(biāo)題，它們的重要性是有區(qū)別 的，其中<hl>標(biāo)題的重要性最高,<6>的最低。
語(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>
說明：
在該語(yǔ)法中，有6個(gè)級(jí)別的標(biāo)題，<hl>是一級(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>
其中body欄目的<h1>至</h6>部分的標(biāo)記是6種不同級(jí)別的標(biāo)題，在瀏覽器中預(yù)覽可以看到效果，如圖3.1所示。
提示：對(duì)于不同的瀏覽器，其確切的點(diǎn)陣尺寸的大小也不相同，但<hl>標(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è)制作過程中，常常需要選擇其他的對(duì)齊方式。關(guān)于對(duì)齊方式的設(shè)置要使用align參數(shù)進(jìn)行設(shè)置。
語(yǔ)法：
<silgn=對(duì)齊方式>
說明:
在該語(yǔ)法中，align屬性需要設(shè)置在標(biāo)題標(biāo)記的后面，其對(duì)齊方式的取值見表3-1所示。
表 3-1 對(duì)齊方式的取值
| 屬性值 | 含義 |
|
left |
左對(duì)齊 |
| center | 居中對(duì)齊 |
| right | 右對(duì)齊 |
舉例：
<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>
其中body欄目中的<h2>置</h4>部分的代碼標(biāo)記是為標(biāo)題文字設(shè)置了左、中、右不同的對(duì)齊方式，在瀏覽 器中預(yù)覽可以看到效果，如圖3.2所示。
提示：對(duì)于不同的瀏覽器，其確切的點(diǎn)陣尺寸的大小也不相同，但<h1>標(biāo)題大約是標(biāo)準(zhǔn)文字高度的2到3倍，<h6>標(biāo)題則比標(biāo)準(zhǔn)梯子略小。
推薦教程：《html視頻教程》
