下表左邊顯示的結果如右表所示
| <html> <title>表格</title> <body> <table> <tr><td>1<td>2<td>3 <tr><td>4<td>5<td>6 </table> </body> </html> |
|
所以
<table></table>是說，有一個表格
<tr>是說，這是一個新列的開始
<td>是說，這是一格的開始。
再看一個範例
| <html> <title>表格</title> <body> <table> <tr><td>1<td>2<td>3 <tr><td>4<td>5<td>6 <tr><td>7<td>8<td>9 </table> </body> </html> |
|
如果，你想要使表格小一點，可以使用《width=??%》。。注意，所謂%是指一區塊的相對比例。例如下例中，50%是指該表格中右格的再50%：
| <html> <title>表格</title> <body> <table width=50%> <tr><td>1<td>2<td>3 <tr><td>4<td>5<td>6 <tr><td>7<td>8<td>9 </table> </body> </html> |
|
另外，也可以使用<center></center>來使表格置中
| <html> <title>表格</title> <body> <center> <table width=50%> <tr><td>1<td>2<td>3 <tr><td>4<td>5<td>6 <tr><td>7<td>8<td>9 </table> </center> </body> </html> |
|
若是字要置中，當然，<center></center>就得夾在字的兩邊才行。
| <html> <title>表格</title> <body> <center> <table width=50%> <tr><td><center>1</center><td>2<td>3 <tr><td>4<td>5<td>6 <tr><td>7<td>8<td>9 </table> </center> </body> </html> |
|
再回到table的屬性
剛才先介紹width，事實上還有border、bordercolor、bgcolor可以設！不妨先試著加加看喔！
讓你看看結果吧！
| <html> <title>表格</title> <body> <center> <table width=50% border=4 bordercolor=#FF0000 bgcolor="#FFDFBF"> <tr><td>1<td>2<td>3 <tr><td>4<td>5<td>6 <tr><td>7<td>8<td>9 </table> </center> </body> </html> |
|