如何在 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+ 浏览量

开启您的 职业生涯

通过完成课程获得认证

开始学习
广告