標(biāo)題字

  • 2020-11-16 11:12:59
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://www.kigisgallery.com

HTML文檔中包含有各種級(jí)別的標(biāo)題,各種級(jí)別的標(biāo)題由<h1>到<h6>元素來定義。其中,<h1>代表最高級(jí)別的標(biāo)題,依次遞減,<h6>級(jí)別最低。

標(biāo)題字標(biāo)記h<h1>到<h6>元素中的字母h是英文headline的簡(jiǎn)稱。作為標(biāo)題,它們的重要性是有區(qū)別的,其中<h1>標(biāo)題的重要性最高,<h6>的最低。

語法:

<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>

說明:在該語法中,有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)頁制作過程中,常常需要選擇其他的對(duì)齊方式。關(guān)于對(duì)齊方式的設(shè)置要使用align參數(shù)進(jìn)行設(shè)置。

語法:

<align=對(duì)齊方式>

說明:在該語法中,align屬性需要設(shè)置在標(biāo)題標(biāo)記的后面,其對(duì)齊方式的取值見下表所示。

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


當(dāng)前文章標(biāo)題:標(biāo)題字

當(dāng)前URL:http://www.kigisgallery.com/news/wzzz/3303.html

上一篇:邊距margin與頁面注釋標(biāo)記

下一篇:文本基本標(biāo)記

網(wǎng)站建設(shè)、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號(hào))