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

寻∝梦

發布： 2018-08-27 17:10:22

原創

85475 人瀏覽過

這篇文章主要的介紹了關於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居中實例解析

-

標籤可定義標題。

定義最大的標題。

定義最小的標題。

由於 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中文網其他相關文章！