html表格元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table border="1px" align="center"><!--表格--><!--border属性不建议使用--><!--align属性不建议使用--><!--align="center"表示居中-->
   <thead><!--表头-->
    <tr><!--一行-->
        <th>用户名</th><!--th通常在表头使用--><!--一行里面的的单元格-->
        <th>性别</th><!--th通常在表头使用--><!--一行里面的的单元格-->
        <th>省份</th><!--th通常在表头使用--><!--一行里面的的单元格-->
    </tr>
   </thead>
    <tbody><!--表格主题-->
    <tr><!--一行-->
        <td>颔首1</td><!--一行里面的的单元格-->
        <td>男1</td><!--一行里面的的单元格-->
        <td>江苏1</td><!--一行里面的的单元格-->
    </tr>
    <tr><!--一行-->
        <td>颔首2</td><!--一行里面的的单元格-->
        <td>男2</td><!--一行里面的的单元格-->
        <td>江苏2</td><!--一行里面的的单元格-->
    </tr>
    <tr><!--一行-->
        <td>颔首3</td><!--一行里面的的单元格-->
        <td>男3</td><!--一行里面的的单元格-->
        <td>江苏3</td><!--一行里面的的单元格-->
    </tr>
    </tbody>
    <tfoot><!--表脚-->
    <td>用户名</td><!--一行里面的的单元格-->
    <td>性别</td><!--一行里面的的单元格-->
    <td>省份</td><!--一行里面的的单元格-->
    </tfoot>
</table>
<br>
<table border="1px"align="center">
    <tr>
        <th rowspan="2">颔首</th><!--rowspan合并列单元格-->
        <th>颔首</th>
        <th>颔首</th>
        <th>颔首</th>

    </tr>
    <tr>

        <td colspan="2">颔首</td><!--colspan合并行单元格-->
        <td>颔首</td>
    </tr>
    <tr>
        <td>颔首</td>
        <td>颔首</td>
        <td>颔首</td>
        <td>颔首</td>
    </tr>
</table>
</body>
</html>

学习了表格就感觉很多东西都要在学习CSS样式表以后才能再进一步学习

Last modification:November 22nd, 2018 at 07:37 pm
如果觉得我的文章对你有用,请随意赞赏

Leave a Comment