HTML基礎複習（三）表格

一、表格：<table></table>標籤

二、標題<caption></caption>

三、行：<tr></tr>標籤

四、表頭：<th></th>

五、單元格數據：<td></td>標籤，它能夠包含表格/列表/段落等元素

六、<table>屬性「border」：添加這個屬性值==帶框的表格<table border="1">

　　「callpadding」:單元格邊距

　　」cellspacing「：單元格間距

 

七、單元格<th><td>屬性「colspan」：橫跨兩列

　　「rowspan」：橫跨兩行

 

　　示例：

　　<table border="1">

　　<tr>

　　　　<th>Name</th>

　　　　<th colspan="2">Telephone</th>

　　</tr>

　　<tr>

　　　　<td >Bill Gates</td>

　　　　<td>555 77 854</td>

　　　　<td>555 77 855</td>

　　</tr>

　　</table>

 

八、列組格式：<colgroup>標籤用於對錶格中的列進行組合，以便對其進行格式化

　　只能在 <table> 元素以內，在任何一個 <caption> 元素以後，在任何一個 <thead>、<tbody>、<tfoot>、<tr> 元素以前使用 <colgroup> 標籤。

九、爲單個列設置屬性：<col>---細化<colgroup>

 

　　　　　　                

 

十、表格頁眉<thead>

　　做爲 <table> 元素的子元素，出如今 <caption>、<colgroup> 元素以後，<tbody>、 <tfoot> 和 <tr> 元素以前。

　　<thead> 元素內部必須包含一個或者多個 <tr> 標籤。

 

十一、表格頁腳<tfoot>

　　做爲 <table> 元素的子元素，出如今 <caption>、<colgroup> 和 <thead> 元素以後，<tbody> 和 <tr> 元素以前。

　　<tfoot> 元素內部必須包含一個或者多個 <tr> 標籤。

 

十二、表格主體<tbody>

　　做爲 <table> 元素的子元素，出如今 <caption>、<colgroup> 和 <thead> 元素以後。

　　<tbody> 元素內部必須包含一個或者多個 <tr> 標籤。

 

參考文章：《「 http://www.runoob.com/html/html-tables.html」》