HTML製做表格

時間 2019-11-11

標籤 html 製做表格欄目 HTML 简体版

原文原文鏈接

1.表格由 <table> 標籤來定義。每一個表格均有若干行（由 <tr> 標籤訂義），每行被分割爲若干單元格（由 <td> 標籤訂義）。字母 td 指表格數據（table data），即數據單元格的內容。數據單元格能夠包含文本、圖片、列表、段落、表單、水平線、表格等等。html

表格實例瀏覽器

<!doctype html>
<html>
    <head>
        <title>表格</title>
        <meta charset="utf-8">
    </head>
    <body>
        <table border="1">
            <tr>
                <td>1111</td>
                <td>2222</td>
            </tr>
            <tr>
                <td>1111</td>
                <td>2222</td>
            </tr>
        </table>
    </body>

在瀏覽器顯示以下：
spa

HTML 表格和邊框屬性
若是不定義邊框屬性，表格將不顯示邊框。有時這頗有用，可是大多數時候，咱們但願顯示邊框。3d

使用邊框屬性來顯示一個帶有邊框的表格：code

2.技術要點htm

表單合併行（rowspan）
表單合併列（colspan）

代碼實例blog

<table border="1" width="500px" height="400px" align="center" style="text-align:center; border-collapse:collapse; color:red; border-color:blue;">
        
            <tr>
                <td colspan="3">1</td>
                
            </tr>
            
            <tr>
                <td rowspan="2">1</td>
                <td colspan="2">2</td>
                
            </tr>
            
            <tr>
            
                <td rowspan="2">2</td>
                <td>3</td>
            </tr>
            
            <tr>
                <td>1</td>
                
                <td rowspan="2">3</td>
            </tr>
            
            <tr>
    
                <td colspan="2">2</td>
            
            </tr>
        </table>

顯示效果：
圖片