參考資料來源:http://www.w3school.com.cn
表格,大多數是用來佈局網頁的,很有用的一個元素
表格標籤有:
表格 | 描述 |
---|---|
<table> | 定義表格 |
<caption> | 定義表格標題。 |
<th> | 定義表格的表頭。 |
<tr> | 定義表格的行。 |
<td> | 定義表格單元。 |
<thead> | 定義表格的頁眉。 |
<tbody> | 定義表格的主體。 |
<tfoot> | 定義表格的頁腳。 |
<col> | 定義用於表格列的屬性。如需對全部列應用樣式,<col> 標籤很有用,這樣就不需要對各個單元和各行重複應用樣式了,只能在 table 或 colgroup 元素中使用 <col> 標籤 |
<colgroup> | 定義表格列的組。用於對錶格中的列進行組合,以便對其進行格式化,如<colgroup span="2" align="left"></colgroup>,其中span爲列組應該橫跨的列數 |
<col>和<colgroup>是按順序來的,如果總共有3列,而只有一個<col>,那麼這一個代表第一列的樣式,記住是按順序來的就對了,<colgroup>如果沒有span,則跟<col>一樣只代表一列
HTML 列表
HTML 支持有序、無序和定義列表
有序列表用<ol>,無序用<ul>,其中列項都是用<li>,列表項內部可以使用段落、換行符、圖片、鏈接以及其他列表等等。如:
<ol>
<li>Coffee</li>
<li>Milk</li>
<li><a href="www.baidu.com">百度一下</a></li>
</ol>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li><a href="www.baidu.com">百度一下</a></li>
</ul>
效果如下:
- Coffee
- Milk
- 百度一下
- Coffee
- Milk
- 百度一下
自定義列表就是列前面的序號都是自己定義的,所用的標籤是<dl>和<dd>,如:
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
<dt>baidu</dt>
<dd><a href="www.baidu.com">百度一下</a></dd>
</dl>
效果如下:
- Coffee
- Black hot drink
- Milk
- White cold drink
- baidu
- 百度一下
HTML 表單用於蒐集不同類型的用戶輸入。
多數情況下被用到的表單標籤是輸入標籤(<input>)。輸入類型是由類型屬性(type)定義的。
button | 按鈕 |
checkbox | 複選框 |
file | |
hidden | |
image | |
password | |
radio | |
reset | |
submit | |
text |
表單牽涉內容有很多,這裏只是提了一下而已