當(dāng)前位置:軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > DIV+CSS > html標(biāo)題元素H1~H6

html標(biāo)題元素H1~H6

2012/11/15 15:34:19作者:佚名來源:網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例介紹】

html標(biāo)題元素H1~H6

在遵循網(wǎng)頁標(biāo)準(zhǔn)制作網(wǎng)頁的時(shí)候,為了使得設(shè)計(jì)更具有語義化,我們經(jīng)常會(huì)在頁面中用到h1~h6的標(biāo)題屬性。標(biāo)題(h1~h6)標(biāo)簽是指HTML網(wǎng)頁中對文本標(biāo)題所進(jìn)行的著重強(qiáng)調(diào)的一砷標(biāo)簽,以標(biāo)簽<h1>、<h2>、<h3>到<h6>顯示重要性的遞減。

【基本語法】

<h1>···</h1>
<h2>···</h2>
<h3>···</h3>
<h4>···</h4>
<h5>···</h5>
<h6>···</h6>

【語法介紹】

<hl>一<h6>標(biāo)簽可定義標(biāo)題,<hl>定義最大的標(biāo)題,<h6>定義最小的標(biāo)題。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>標(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)記用于設(shè)置6種級(jí)別不同的標(biāo)題,在瀏覽器中瀏覽,效果如圖所示。

標(biāo)題元素H1~H6運(yùn)行效果

 【素材及源碼下載】

請點(diǎn)擊:html標(biāo)題元素H1~H6 下載本實(shí)例相關(guān)素材及源碼

 

標(biāo)簽: html  標(biāo)題元素