DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML入門知識 >> 6.2 表格基本結構
6.2 表格基本結構
編輯:HTML入門知識     

一、表格基本標簽

表格基本標簽有: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的內容。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved