HTML表格

時間 2020-01-18

標籤 html 表格欄目 HTML 简体版

原文原文鏈接

1.<table>標籤：聲明一個表格，它的經常使用屬性以下：瀏覽器

border屬性：定義表格的邊框，設置值是數值ide

cellpadding屬性：定義單元格內容與邊框的距離，設置是數值spa

cellspacing屬性：定義單元格與單元格之間的距離，設置值是數值code

align屬性：定義總體表格相對於瀏覽器窗口的水平對齊方式，設置值有：left | center | rightci

2. <tr>標籤：定義表格中的一行it

3.<td>和<th>標籤：定義一行中的一個單元格，td表明普通單元格，th表示表頭單元格，它們的經常使用屬性以下：table

align：設置單元格中內容的水平對齊方式，設置值有：left | center | rightclass

valign：設置單元格中內容的垂直對齊方式，設置值：top | middle | bottom簡歷

colspan：設置單元格水平合併，設置值爲數值im

rowspan：設置單元格垂直合併，設置值爲數值

(1)

<body>

<h1>表格</h1>

<table border="1" width="300" height="200" align="center">

    <tr>
        <th>得分</th>
        <th>助攻</th>
        <th>籃板</th>
    </tr>

    <tr>
        <td align="center">1</td>
        <td align="right">2</td>
        <td align="center">3</td>
    </tr>

    <tr>
        <td valign="top" align="center">1</td>
        <td valign="bottom" align="center">2</td>
        <td>3</td>
    </tr>

    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>

</table>

</body>

（2）

<body>

<h1>我的簡歷</h1>

<table border="1" width="700" height="300">
    <tr>
        <td colspan="5">基本狀況</td>

    </tr>
    <tr>
        <td width="15%"></td>
        <td width="25%"></td>
        <td width="15%"></td>
        <td width="25%"></td>
        <td rowspan="5" width="20%"><img src="image/藍底3.jpg" alt="證件照"></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>

    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>

    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>

    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>

    </tr>
</table>

</body>

相關標籤/搜索

html+css+javascript+html

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。