這篇文章主要的介紹了關於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>
運行之後,看圖:
<!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中文網其他相關文章!