第二章 表格基礎

表格的格式:
  1. <table border="1">
  2. <tr>
  3. <td>
  4. .......
  5. </td>
  6. </tr>
  7. </table>

<caption></caption>設置表的標題,現在很少用。
<tr></tr>  表格的行
<td></td> 表格的列
<th></th>  表示列標題,效果:文字加粗,文字居中

注意點:
    表格的列在不同行中英保持數量的一致。
    表格可以嵌套,嵌套的時候在td裏嵌套。

<td rowspan="2"></td>
<td colspan="2"></td>
rowspan表示行合併
colspan表示列合併

表格設置寬高度時,注意寬高包含表格的border
tr 只能設置行高
td可以設置寬高,列寬值需要一個列設置就會對整個表的該列產生影響

合併的行列不應該設置寬高度,如果同時設置將作用更大的值

如果同時設置了table 和td的寬高,必須保證td的寬度總和 和 table的寬高值相同。

bgcolor 
background  tr不可以使用


行的顏色覆蓋表的顏色,列的顏色覆蓋行的顏色,背景圖片會覆蓋顏色

align
    table的align屬性表示相對於容器的對其方式。
    默認情況單元格內的內容水平反向左,垂直方向居中對齊。

valign表示垂直對齊方式

如果容器設置了寬高大小,而內容是超過容器大小的,則內容將撐起容器的大小。

cellpadding 單元格填充
cellspacing 單元格間距

用於佈局設計的表格需要去除單元格的間距。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章