列表

1.容器裡面裝載著結構，樣式一致的文字或圖表的一種形式叫列表。

2.列表最大的特點就是整齊、整潔、有序，跟表格類似。但列表的自由度更高。

3.列表分為有序列表、無序列表和自定義列表。

4.在前端開發中我們最常用的就是無序列表。

無序列表
<ul>
    <li></li>
</ul>
有序列表
<ol>
    <li></li>
</ol>
自定義列表
<dl>
    <dt></dt>
    <dd></dd>
</dl>

表格

1.建立表格的基本語法

<table>
  <tr>
    <td>單元格內的文字</td>
    ...
  </tr>
  ...
</table>

2.表格的主要目的是用來顯示特殊資料的。

3.一個完整的表格有表格標籤(table)，行標籤(tr),單元格標籤（td）組成，沒有列的標籤。

4.表格中的屬性。這裡列舉兩個比較重要的cellspacing、cellpadding。

5.合併單元格。兩種方式rowspan和colspan，分別是跨行合併和跨列合併。合併單元格的順序按照先上、後下、先左、後右的順序。

6.對於比較複雜的表格，表格的結構也就相對複雜。所以又將表格分割成三個部分：表格頭、正文和腳註。這三個部分分別用thead、tbody、tfoot來標註，這樣能更好的憤青表格的結構。

7.以上的所有標籤都放到table標籤中。

表單

1.表單的目的是為了收集使用者資訊。

2.一個完整的表單通常由表單控制元件、提示資訊和表單域三個部分組成。

表單控制元件

1.input控制元件

2.label標籤

目標：label標籤主要目的是為了提高使用者體驗。

概念：label標籤為input元素定義標註。

作用：用於繫結一個表單元素，當點選label標籤的時候，被繫結的表單元素就會獲得焦點。

在網頁中列表是用來佈局的；表格是用來展示資料的因為表格可以讓資料顯示的非常完整，可讀性很好；表單的目的是為了收集使用者的資訊，可以將資料打包到後臺。

3.textarea控制元件（文字域）

作用：通過textarea控制元件可以輕鬆地建立多行文字輸入框。

form表單域

1.收集的使用者資訊通過form表單域傳遞給伺服器。

2.在HTML中，form標籤被用於定義表單域，以實現使用者資訊的收集和傳遞，form中的所有內容都會被提交給伺服器。

3.每個表單都應該有自己的表單域。

常用屬性