HTML表格

HTML表格用< table >表示。一個(gè)表格可以分成很多行(row)，用< tr >表示；每行又可以分成很多單元格(cell)，用< td >表示。

'代碼示例：'

帶邊框的表格：

<table border>

<tr><th>Food</th><th>Drink</th><th>Sweet</th>

<tr><td>A</td><td>B</td><td>C</td>

<nowki></nowiki>

Food	Drink	Sweet
A	B	C

'跨多行、多列的表元'

跨多列的表元

'代碼示例：'

<table border>

<tr><th colspan=3> Morning Menu</th>

<tr><th>Food</th><th>Drink</th><th>Sweet</th>

<tr><td>A</td><td>B</td><td>C</td>

<nowki></nowiki>

Morning Menu
Food	Drink	Sweet
A	B	C

跨多行的表元

'代碼示例：'

<table border>

<tr><th colspan=3> Morning Menu</th>

<th>Food</th> <td>A</td></tr>

<tr><th>Drink</th> <td>B</td></tr>

<tr><th>Sweet</th> <td>C</td></tr>

</table>

Morning Menu	Food	A
	Drink	B
	Sweet	C

'表格尺寸設(shè)置'

'< table border=#>'

代碼示例（邊框尺寸設(shè)置）：

<table border=10>

<tr><th>Food</th><th>Drink</th><th>Sweet</th>

<tr><td>A</td><td>B</td><td>C</td>

</table>

Food	Drink	Sweet
A	B	C

'< table border width=# height=#>'

代碼示例（表格尺寸設(shè)置）：

<table border width=170 height=100>

<tr><th>Food</th><th>Drink</th><th>Sweet</th>

<tr><td>A</td><td>B</td><td>C</td>

</table>

Food	Drink	Sweet
A	B	C

'< table border cellspacing=#>'

代碼示例(表元間隙設(shè)置)：

<table border cellspacing=10>

<tr><th>Food</th><th>Drink</th><th>Sweet</th>

<tr><td>A</td><td>B</td><td>C</td>

</table>

Food	Drink	Sweet
A	B	C

'< table border cellpadding=#>'

代碼示例（表元內(nèi)部空白設(shè)置）：

<table border cellpadding=10>

<tr><th>Food</th><th>Drink</th><th>Sweet</th>

<tr><td>A</td><td>B</td><td>C</td>

</table>

Food	Drink	Sweet
A	B	C

'表格內(nèi)文字的對齊/布局'

' < tr align=#>

< th align=#> #=left, center, right

< td align=#>'

代碼示例:

<table border width=160>

<tr>

<th>Food</th><th>Drink</th><th>Sweet</th>

<tr>

<td align=left>A</td>

<td align=center>B</td>

<td align=right>C</td>

</table>

Food	Drink	Sweet
A	B	C

' < tr valign=#>

< th valign=#> #=top, middle, bottom, baseline

< td valign=#> '

<table border height=100>
<tr>
<th>Food</th><th>Drink</th>
<th>Sweet</th><th>Other</th>
<tr>
<td valign=top>A</td>
<td valign=middle>B</td>
<td valign=bottom>C</td>
<td valign=baseline>D</td>
</table>

Food	Drink	Sweet	Other
A	B	C	D

表格的標(biāo)題

< caption align=#> ... #=left, center, right,top, bottom 代碼示例：
<table border>
<caption align=center>Lunch</caption>
<tr><th>Food</th><th>Drink</th><th>Sweet</th>
<tr><td>A</td><td>B</td><td>C</td>
</table>

Lunch

Food	Drink	Sweet
A	B	C