html系統學習之三

參考資料來源: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>

效果如下:

  1. Coffee
  2. Milk
  3. 百度一下

自定義列表就是列前面的序號都是自己定義的,所用的標籤是<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)定義的。

type的值
button 按鈕
checkbox 複選框
file  
hidden  
image  
password  
radio  
reset  
submit  
text  

表單牽涉內容有很多,這裏只是提了一下而已
 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章