HTML對齊是網頁設計過程中不可缺少的一部分。它可以讓我們更好地組織網頁內容，使整個網頁更加美觀、清晰。在HTML中，對齊通常使用text-align屬性和float屬性來實現。 text-align屬性通常用于控制塊級元素中的文本對齊方式。它有四個屬性值：left、right、center和justify。其中，left表示文本向左對齊，right表示文本向右對齊，center表示文本居中對齊，而justify則表示文本兩端對齊。下面是一些使用text-align屬性的例子：

<p style="text-align:left">這是左對齊的文本</p>
<p style="text-align:right">這是右對齊的文本</p>
<p style="text-align:center">這是居中對齊的文本</p>
<p style="text-align:justify">這是兩端對齊的文本，它會自動調整每行的間距以適應整個塊級元素的寬度。</p>

float屬性通常用于對浮動元素進行對齊，比如在制作網站布局中常用的兩欄布局和三欄布局。float屬性有兩個屬性值：left和right。它們分別表示浮動元素左對齊和右對齊。下面是一些使用float屬性的例子：

<div style="float:left;width:50%">這是左浮動的元素</div>
<div style="float:right;width:50%">這是右浮動的元素</div>
<div style="float:left;width:33%">這是左浮動的元素</div>
<div style="float:left;width:33%">這是中間浮動的元素</div>
<div style="float:right;width:33%">這是右浮動的元素</div>

需要注意的是，當元素使用了float屬性后，它的寬度就不再由內容撐開，而是由width屬性或者浮動元素的寬度共同決定。此時應該使用clear屬性來防止元素之間的重疊。clear屬性可以有四個屬性值：left、right、both和none。它們分別表示清除元素左浮動、右浮動、左右浮動或不清除浮動。下面是一些使用clear屬性的例子：

<div style="float:left;width:50%">這是左浮動的元素</div>
<div style="clear:left"></div><!-- clear:left表示清除左浮動 -->
<div style="float:left;width:33%">這是左浮動的元素</div>
<div style="float:left;width:33%">這是中間浮動的元素</div>
<div style="float:right;width:33%">這是右浮動的元素</div>
<div style="clear:both"></div><!-- clear:both表示清除所有浮動 -->

以上是HTML中一些常用的對齊屬性。使用它們可以讓我們更加輕松地實現網頁設計中的對齊效果。