首页 > 代码库 > HTML的表格玩法

HTML的表格玩法

HTML的表格玩法

HTML也是可已展示表格的,大体结构如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>
<table border="1">
    <thead>
    <tr>
        <th>表头1</th>
        <th>表头2</th>
        <th>表头3</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>表结构1</td>
        <td>表结构2</td>
        <td>表结构3</td>
    </tr>
    <tr>
        <td>表结构4</td>
        <td>表结构5</td>
        <td>表结构6</td>
    </tr>
    <tr>
        <td>表结构7</td>
        <td>表结构8</td>
        <td>表结构9</td>
    </tr>
    </tbody>
</table>
</body>
</html>

在body标签内写一个table标签

table标签内写thead标签和tbody标签分别代表表头和表结构

tr标签代表表格内的一样,td标签代表表格内的一列。th代表内容显示为表头,即加粗居中。

 

table里面常用参数

 border="1"     设置单元格的边框

 td标签内常用参数

 colspan="2"    跨行合并2个单元格。

 rowspan="2"    跨列合并2个单元格。

HTML的表格玩法