通過表格，可以使網頁排版更加清晰，形式更加簡潔漂亮。
1、<table></table>：表格的開始和結束标簽，行列的布局都在<table>标簽内。
2、<tr></tr>行标簽的開始和結束
3、<tb></tb>列标簽的開始和結束
行标簽在列标簽的外層，不能單獨使用，其中必須至少有一列。示例如下：
<a href="http://my.oschina.net/u/2340880/blog/414285#">?</a>
1
2
3
4
5
6
7
<code><</code><code>body</code><code>></code>
<code><</code><code>table</code> <code>border</code><code>=</code><code>"1"</code><code>></code><code><!--為了便于觀察，設定一個邊框--></code>
<code><</code><code>tr</code><code>></code>
<code><</code><code>td</code><code>>表格的内容</</code><code>td</code><code>></code>
<code></</code><code>tr</code><code>></code>
<code></</code><code>table</code><code>></code>
<code></</code><code>body</code><code>></code>
效果如下：
1、單元格表頭<th></th>
這個标簽用來設定表格的表頭，作用和列标簽相似，隻是字型是加黑的。
<code><</code><code>table</code> <code>border</code><code>=</code><code>"1"</code><code>></code>
<code><</code><code>th</code><code>>1</</code><code>th</code><code>><</code><code>th</code><code>>2</</code><code>th</code><code>></code>
2、表格寬度屬性和高度屬性width,height
這兩個屬性可以設定在<table>标簽裡，也可以設定在<tr>和<tb>中，作用域會不同。
<code><</code><code>th</code> <code>width</code><code>=</code><code>"200"</code><code>>1</</code><code>th</code><code>><</code><code>th</code> <code>width</code><code>=</code><code>"100"</code><code>>2</</code><code>th</code><code>></code>
3、設定表格背景圖檔background
這個屬性和尺寸屬性用法一樣，寫在相應的标簽裡，就是相應的背景圖案，設定的是圖檔的路徑。
4、設定表格行列間距cellspacing
<code><</code><code>table</code> <code>border</code><code>=</code><code>"1"</code> <code>cellspacing</code><code>=</code><code>"20"</code><code>></code>
5、設定單元格内容偏移量 cellpadding
<code><</code><code>table</code> <code>cellpadding</code><code>=</code><code>"50"</code> <code>border</code><code>=</code><code>"2"</code><code>><</code><code>tr</code><code>></code>
<code><</code><code>td</code><code>>第一列</</code><code>td</code><code>><</code><code>td</code><code>>第二列</</code><code>td</code><code>></code>
<code></</code><code>tr</code><code>></</code><code>table</code><code>></code>
靈活的應用邊框，可以使表格看起來更加整潔有序。
1、邊框寬度屬性border
2、邊框的顔色屬性bordercolor
3、不顯示外邊框frame="void"
<code><</code><code>table</code> <code>cellpadding</code><code>=</code><code>"50"</code> <code>border</code><code>=</code><code>"5"</code> <code>frame</code><code>=</code><code>"void"</code><code>><</code><code>tr</code><code>></code>
4、設定frame="hsides"則隻顯示上下外邊框
<code><</code><code>table</code> <code>cellpadding</code><code>=</code><code>"50"</code> <code>border</code><code>=</code><code>"5"</code> <code>frame</code><code>=</code><code>"hsides"</code><code>><</code><code>tr</code><code>></code>
5、設定frame="vsides"則隻顯示左右外邊框
6、單獨顯示邊框的frame值分别為：
上：above
下：below
左：lhs
右：rhs
7、設定表格對齊模式：
水準對齊模式：align
表格的align屬性可以設定對齊模式，center,left,right分别對應居中，左對齊，右對齊。
垂直對齊模式：valign
和水準對齊模式相似，這個屬性的值為：middle，top，bottom對應了中間對齊，上對齊和下對齊。
1、行的合并：rowspan
8
9
10
<code><</code><code>table</code> <code>cellpadding</code><code>=</code><code>"50"</code> <code>border</code><code>=</code><code>"5"</code> <code>frame</code><code>=</code><code>"hsides"</code><code>></code>
<code><</code><code>td</code> <code>rowspan</code><code>=</code><code>"2"</code><code>>第一行</</code><code>td</code><code>><</code><code>td</code><code>>第一行</</code><code>td</code><code>></code>
<code><</code><code>td</code><code>>第二行</</code><code>td</code><code>></code>
2、列的合并colspan
<code><</code><code>td</code> <code>colspan</code><code>=</code><code>"2"</code><code>>第一列</</code><code>td</code><code>></code>
3、表格的标題标簽<caption></caption>
11
<code><</code><code>table</code> <code>cellpadding</code><code>=</code><code>"50"</code> <code>border</code><code>=</code><code>"5"</code> <code>frame</code><code>=</code><code>"hsides"</code> <code>></code>
<code><</code><code>caption</code><code>>标題</</code><code>caption</code><code>></code>