標(biāo)題字

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

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

b91b7a235dce45ab3e21f7c5bfd3ef19.jpg

提示

對于不同的瀏覽器,其確切的點陣尺寸的大小也不相同,但<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ù)進行設(shè)置。

語法:

<align=對齊方式>

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

881899fc9996778c7287c53ad5a714a4.jpg

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

b91b7a235dce45ab3e21f7c5bfd3ef19.jpg


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

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

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

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

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