如何在 HTML 中設定標題對齊?


標題是您希望在網頁上顯示的內容的標題或副標題。標題幫助我們瞭解網頁上的內容。標題和副標題代表網頁內容中的關鍵概念、想法和支援性想法。HTML 有不同級別的標題標籤。

標題 <h1><h6> 標籤定義。使用標題來顯示HTML 文件結構非常重要。<h1> 標題應用於主標題,然後是 <h2> 標題,然後是 <h3>,依此類推,直到 <h6>

標題標籤 在 HTML 中具有 <h1><h6> 標籤。要在 HTML 中設定標題對齊,我們在 HTML 元素內部使用 style 屬性。該屬性與 HTML <h1><h6> 標籤一起使用,並使用 CSS 屬性 text-align 來設定元素的對齊方式。

語法

以下是 HTML 中標題對齊的語法。

<h1 align="left | right | center | justify">

示例

以下是將標題水平居中的示例程式。

<!DOCTYPE html> <html> <body> <h1 align="center">Tutorials point </h1> </body> </html>

標題左對齊

我們可以使用以下語法將標題左對齊。

語法

以下是標題左對齊的語法。

<h1 align="left">The text…</h1>

示例

以下是標題左對齊的示例程式。

<!DOCTYPE html> <html> <body> <h1 align="left">Tutorials point</h1> </body> </html>

標題左對齊

我們可以使用以下語法將標題右對齊。

語法

以下是 HTML 中標題右對齊的語法。

<h1 align="right">The text…</h1>

示例

以下是標題右對齊的示例程式。

<!DOCTYPE html> <html> <body> <h1 align="right">Tutorials point</h1> </body> </html>

標題兩端對齊

我們可以使用以下語法將標題兩端對齊。

語法

以下是 HTML 中標題兩端對齊的語法。

<h1 align="justify">The text…</h1>

示例

以下是標題兩端對齊的示例程式。

<!DOCTYPE html> <html> <body> <h1 align="justify">Tutorials point</h1> </body> </html>

更新於: 2023年9月2日

53K+ 瀏覽量

開啟您的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.