小码哥的IT人生

HTML <h1> - <h6> 标签的 align 属性 详解

HTML基础 2023-07-12 18:58:55小码哥的IT人生shichen

HTML <h1> - <h6> 标签的 align 属性

实例

居中对齐的 HTML 标题:

<h1 align="center">This is heading 1</h1>

 

完整实例【亲自试一试】:

<html>
<body>
<h1 align="center">This is heading 1</h1>
<h2 align="left">This is heading 2</h2>
<h3 align="right">This is heading 3</h3>
<h4 align="justify">This is heading 4</h4>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

定义和用法

align 属性规定标题的水平对齐方式。

浏览器支持

尽管不推荐使用 align 属性,但是所有浏览器都支持该属性。

兼容性注释

在 HTML 4.01 中,不推荐使用 <h1> - <h6> 元素的 align 属性;在 XHTML 1.0 Strict DTD 中,不支持 <h1> - <h6> 元素的 align 属性。

请使用 CSS 代替。

CSS 语法:<h1 style="text-align:right">

 

完整实例【CSS 实例:设置标题的对齐方式】:

<html>
<body>
<h1 style="text-align:center">This is heading 1</h1>
<h2 style="text-align:left">This is heading 2</h2>
<h3 style="text-align:right">This is heading 3</h3>
<h4 style="text-align:justify">This is heading 4</h4>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

在我们的 CSS 教程中,您可以找到更多有关 text-align 属性 的细节。

语法

<h1 align="value">

属性值

描述
left 左对齐内容(默认值)。
right 右对齐内容。
center 居中对齐内容。
justify 对行进行伸展,这样每行都可以有相等的长度(就像在报纸和杂志中)。

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024