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 | 对行进行伸展,这样每行都可以有相等的长度(就像在报纸和杂志中)。 |