首頁 >web前端 >html教學 >html h1標籤怎麼居中?有關於html中的h1居中實例解析

html h1標籤怎麼居中?有關於html中的h1居中實例解析

寻∝梦
寻∝梦原創
2018-08-27 17:10:2285492瀏覽

這篇文章主要的介紹了關於HTML怎麼使用h1居中的,文章中介紹了align屬性,這個屬性幫助了很多標籤的居中,很好用的一個屬性,雖然現在用的少了,都改用css了,不過對於初學者來說,h1標籤居中還是用align的屬性好。好了,現在開始閱讀下面的文章吧

我們先來看看h1標籤是做什麼的?

標籤是用來定義標題的一種標籤,是一個雙標籤。

那麼這個標題標籤要怎麼居中呢?這就要說到align屬性了,HTML標題居中可以用text-align:center屬性,因為h系列標籤本身就是區塊級元素,設定這個屬性後就能讓文字居中。給你看個實例

在居中對齊的HTML h1標題:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<h1 align="center">这里是PHP中文网</h1>
</body>
</html>

運行之後,看圖:

html h1標籤怎麼居中?有關於html中的h1居中實例解析

html h1標籤怎麼居中?有關於html中的h1居中實例解析

-

標籤可定義標題。

定義最大的標題。

定義最小的標題。
由於 h 元素擁有確切的語義,因此請您慎重地選擇適當的標籤層級來建立文件的結構,基本上都是用css用來讓網頁更漂亮。

HTML h1標籤的作用:

是用於網站建設,H1標籤是在網站製作過程中,經常用到的一個標籤,他的作用僅次於Title,這個標籤還有h2,h3,這些標籤用好了,對網站的優化會有事半功倍的效果。 ######這還有有實例可以看:(從h1到h6)###
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<h1 align="center">这里是PHP中文网</h1>
<h2 align="center">这是第二标题</h2>
<h3 align="center">这是第三标题</h3>
<h4 align="center">这是第四标题</h4>
<h5 align="center">这是第五标题</h5>
<h6 align="center">这是最小的标题</h6>
</body>
</html>
###效果圖如:###############如上圖所示,這裡的最小的標題是h6,是個最小的標題,比正常的文字還有小點,所以很多時候都是只用前面幾個標題,到了後面的就很少用了,畢竟字數太小了。 ######【相關推薦】#########HTML中head標籤是什麼意思?一篇文章教你正確使用head標籤###############駭客應該學PHP還是python?理性分析PHP和python的十處差異######

以上是html h1標籤怎麼居中?有關於html中的h1居中實例解析的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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

相關文章

看更多