首頁  >  文章  >  web前端  >  html5的標題標記總共有幾個等級

html5的標題標記總共有幾個等級

青灯夜游
青灯夜游原創
2021-12-16 18:00:5710951瀏覽

html5的標題標記一共有6個等級:1、“

”,可定義一級標題;2、“

”,可定義二級標題;3、“< ;h3>”,可定義三級標題;4、“

”,可定義四級標題;5、“

”,可定義五級標題;6、“
”,可定義六級標題。

html5的標題標記總共有幾個等級

本教學操作環境:windows7系統、HTML5版、Dell G3電腦。

HTML文件中包含有各種等級的標題,各種等級的標題由

元素來定義。其中, 代表最髙等級的標題,依序遞減,
等級最低。

標題字標記<h1>~<h6></h6> </h1>

標題的重要性最高,的最低。

語法:

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

說明:

在該語法中,有6個級別的標題,是一級標題,使用最大的字號表示,

是6級標題,使用最小的字號表示。

範例:

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gb2312"/>
<title>标题字标记</title>
</head>
<body>
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<h4>4级标题</h4>
<h5>5级标题</h5>
<h6>6级标题</h6>
</body>
</html>

其中body欄目的

部分的標記是6種不同層級的標題,在瀏覽器中預覽可以看到效果,如圖3.1所示。

html5的標題標記總共有幾個等級

提示:對於不同的瀏覽器,其確切的點陣尺寸的大小也不相同,但標題大約是標準文字髙度的2到3倍,

標麵比標準字體略小。

標題字對齊屬性align

預設情況下,標題文字是左對齊的。而在網頁製作過程中,常常需要選擇其他的對齊方式。關於對齊方式的設定要使用align參數進行設定。

語法:

<silgn=对齐方式>

說明:

在這個語法中,align屬性需要設定在標題標記的後面,其對齊方式的取值如表3-1所示。

表3-1                                                 對齊方式的取值

right
屬性值 意義

left

#左對準
#center #以對位
right

右邊對齊

html5的標題標記總共有幾個等級

範例:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312"/>
<title>标题字的对齐</title>
</head>
<body>
<h1>1级标题</h1>
<h2  align="left">2级标题左对齐</h2>
<h3  align="center">3级标题居中对齐</h3>
<h4  align="right">4级标题右对齐</h4>
</body>
</html>
其中body欄位中的

置部分的程式碼標記是為標題文字設定了左、中、右不同的對齊方式,在瀏覽器中預覽可以看到效果,如圖3.2所示。

提示:

#######對於不同的瀏覽器,其確切的點陣尺寸的大小也不相同,但

標題大約是標準文字高度的2到3倍,

標題則比標準梯略小。 #########推薦教學:《###html影片教學###》###

以上是html5的標題標記總共有幾個等級的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn