HTML----表格标签

GOV_D

于 2021-07-11 14:34:59 发布

阅读量71

点赞数 1

分类专栏： HTML 文章标签： html html5

本文链接：https://blog.youkuaiyun.com/gdnlnsjd/article/details/118654175

版权

HTML 专栏收录该内容

13 篇文章

订阅专栏

这篇博客介绍了HTML中的表格标签使用，包括`<table>`、`<tr>`和`<td>`等元素，以及`colspan`和`rowspan`属性的详细解释和实例展示，帮助理解如何创建和布局多行多列的表格。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格标签</title>
</head>
<body>
<!--table表格标签
boder设置表格格式
tr(table row):表格的一行
td(table data):一行中的内容
-->
<table border="1px">
    <tr>
        <!--colspan：占据多少列-->
        <td colspan="4">1-1</td>
    </tr>
    
    <tr>
        <!--rowspan:占据多少行-->
        <td rowspan="2">2-1</td>
        <td>2-2</td>
        <td>2-3</td>
        <td>2-4</td>
    </tr>
    
    <tr>
        <td>3-2</td>
        <td>3-3</td>
        <td>3-4</td>
    </tr>
</table>
</body>
</html>