HTML-表格

Posted Si人

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML-表格相关的知识，希望对你有一定的参考价值。

表格

表格简单通用、结构稳定所以使用很多

表格的基本结构

- 单元格
- 行
- 列
- 跨行
- 跨列
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--表格 table
行 tr rows
列 td
跨行 跨列都是在td中操作-->
<table border="1dx">
    <tr>
        <!--colspan 跨列-->
        <td>成绩</td>
        <td colspan="2">学科</td>
    </tr>
    <tr>
        <!--rowspan 跨行-->
        <td rowspan="2">小樱</td>
        <td>语文</td>
        <td>数学</td>
    </tr>
    <tr>
        <td>87</td>
        <td>78</td>
    </tr>
    <tr>
        <td rowspan="2">王小明</td>
        <td>语文</td>
        <td>数学</td>
    </tr>
    <tr>
        <td>92</td>
        <td>97</td>
    </tr>
</table>
​
</body>
</html>

 

以上是关于HTML-表格的主要内容，如果未能解决你的问题，请参考以下文章

如何使子表单行项目在 zoho creator 片段页面的 HTML 表格中仅出现一次？

如何在html的表格中加入边框线

怎么用CSS设置html中的表格边框样式

Laravel：如何在控制器的几种方法中重用代码片段

使用字符串（不是HTML）以表格格式显示对象数组。

片段内的表格布局