HTML - 对齐属性

HTML align 属性用于指定 HTML 元素内容的对齐方式（居中、左对齐或右对齐）。

但是，在现代 HTML 中，align 属性已被弃用，取而代之的是使用 CSS 进行布局和对齐。CSS 是现代 Web 开发中用于设置元素样式和定位的标准方法，因为它提供了对对齐和显示的更精确控制。

语法

<tag align = "value"></tag>

应用于

下面列出的元素允许使用 HTML align 属性。

元素	描述
<img>	HTML <img> 标签用于在文档中添加图像。
<table>	HTML <table> 标签允许我们通过提供行和列功能以组织化的方式放置数据。
<iframe>	HTML <iframe> 是一个内联框架，允许我们在当前 HTML 文档中嵌入另一个文档。
<caption>	HTML <caption> 标签用于为表格元素指定标题。
<col>	HTML <col> 标签用于提供有关列的信息。
<applet>	HTML <applet> 标签用于在 HTML 文档中嵌入 Java applet。
<colgroup>	HTML <colgroup> 标签用于描述表格中一个或多个列的集合，以便进行格式化。
<hr>	HTML <hr> 标签用于在网页上创建水平线。
<legend>	HTML <legend> 标签用于指定 fieldset 元素的标题。
<tbody>	HTML <tbody> 标签用于在 HTML 表格中创建一个单独的语义块，定义表格的主体内容。
<td>	HTML <td> 标签用于定义表格的数据单元格，用作 tr 元素的子元素。
<tfoot>	HTML <tfoot> 标签用于在 HTML 表格中对页脚内容进行分组。
<th>	HTML <th> 标签指定 HTML 表格的表头单元格。
<thead>	HTML <thead> 标签用于对 HTML 表格的表头内容进行分组。
<tr>	HTML <tr> 标签用于定义表格中的每一行。

HTML align 属性示例

在以下示例中，我们讨论了如何使用 align 属性的不同方法。

使用 h1 和 p 标签的 align 属性

以下代码演示了如何使用 align 属性对齐 h1 和 p 标签。

<!DOCTYPE html>
<html lang="en">

<head>
   <title>HTML align attribute</title>
</head>
<body>
   <!--example of the align attribute-->
   <h1 align="left">This is h1 heading.</h1>
   <p align="center">Text within the p tag.</p>
</body>

</html>

使用 div 标签的 align 属性

考虑另一种情况，我们将对 div 元素使用 align 属性。

<!DOCTYPE html>
<html lang="en">

<head>
   <title>HTML align attribute</title>
   <style>
      div {
         color: green;
         font-weight: bolder;
      }
   </style>
</head>

<body>
   <!--example of the align attribute-->
   <div align="right">
      <p>
      Text within the p tag(it will display
      the right side of the screen view 
      because we have used align = "right").
      </p>
   </div>
</body>

</html>

使用 form 标签的 align 属性

让我们看看以下示例，我们将对表单使用 align 属性。

<!DOCTYPE html>
<html lang="en">

<head>
   <title>HTML align attribute</title>
   <style>
      form {
         width: 300px;
         height: 210px;
         background-color: rgb(21, 114, 185);
         color: white;
         border-radius: 10px;
      }

      form button {
         width: 100px;
         padding: 5px;
      }
   </style>
</head>

<body>
   <!--example of the align attribute-->
   <form align="center">
      <h1 align="center">Login</h1> 
      Username: <input type="text">
      <br>
      <br> Password:<input type="password">
      <br>
      <br>
      <button>Login</button>
   </form>
</body>

</html>

支持的浏览器

属性
align	是	是	是	是	是

html_attributes_reference.htm

打印页面