表格基本標簽有:table標簽(表格)、tr標簽(行)、td標簽(單元格)。<tr>標簽和<td>標簽都要在表格的開始標簽<table>和結束標簽</table>之間才有效。
語法:
<table> <tr> <td>單元格1</td> <td>單元格2</td> </tr> <tr> <td>單元格1</td> <td>單元格2</td> </tr> </table>
說明:
tr,即“table row(表格行)”。td,即“table data cell(表格單元格)”。
<table>和</table>標記著表格的開始和結束,<tr>和</tr>標記著行的開始和結束,在表格中包含幾組<tr></tr>就表示該表格為幾行。<td>和</td>標記著單元格的開始和結束。
舉例:
在線測試<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>表格基本結構</title> </head> <body> <table> <tr> <td>單元格1</td> <td>單元格2</td> </tr> <tr> <td>單元格3</td> <td>單元格4</td> </tr> </table> </body> </html>
在浏覽器預覽效果如下:
默認情況下,表格是沒有邊框的,上面加入邊框是想讓讀者更清楚地看到一個表格結構。對於表格邊框、背景色等,我們在CSS入門教程會詳細講解。在HTML入門教程中,我們只需要知道表格需要用到什麼標簽就行了。記住,HTML學習只管結構,CSS學習才管樣式。
疑問1、用“table布局”好,還是使用“DIV+CSS布局”好呢?
table布局,已經是Web1.0時代的落後技術了。table布局,有非常多的弊端,例如冗余代碼過多、難以維護、不夠靈活等。
DIV+CSS布局,指的就是“XHTML+CSS布局”,這是Web2.0時代的技術,基本規避了table布局的弊端。現在,大家也知道自己該學哪一種布局技術了。
總結1、表格最基本標簽:table、tr、td。
2、默認情況下,表格是沒有邊框的。為表格添加邊框,這是CSS的內容。