HTML-----表格标签

最新推荐文章于 2023-05-12 02:15:11 发布

半年之期

最新推荐文章于 2023-05-12 02:15:11 发布

阅读量132

点赞数

分类专栏： web前端文章标签： HTML

本文链接：https://blog.csdn.net/weixin_41388663/article/details/93912106

版权

web前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1.表格标签

table：一个表格
tr：行
th：表头
td：单元格
thead：头
tbody：体
tfoot：脚
caption：标题

2.属性

border：表格边框
width：宽度
height：高度
align：对齐方式，left--左对齐，center--居中对齐，right--右对齐
rowspan：行合并
colspan：列合并

3.举例

<body>
	<table border="1px" width="300px" height="200px" align="center">
    	<caption>2019年高三1班学生成绩表</caption>
        <tr>
        	<th>姓名</th>
            <th>班级</th>
            <th>语文</th>
            <th>数学</th>
            <th>英语</th>
            <th>理综</th>
        </tr>
        <tr>
        	<td>张三</td>
            <td rowspan="2">高三1班</td>
            <td>120</td>
            <td>130</td>
            <td>110</td>
            <td>240</td>
        </tr>
        <tr>
        	<td>李思</td>
            <td>122</td>
            <td>140</td>
            <td>130</td>
            <td>260</td>
        </tr>
        <tr>
        	<td colspan="2">平均分</td>
            <td>130</td>
            <td>130</td>
            <td>130</td>
            <td>130</td>
        </tr>
        <tr>
        	<td>王五</td>
            <td rowspan="3">高三2班</td>
            <td>130</td>
            <td>140</td>
            <td>135</td>
            <td>230</td>
        </tr>
        <tr>
        	<td>李五</td>
            <td>130</td>
            <td>140</td>
            <td>135</td>
            <td>230</td>
        </tr><tr>
        	<td>王码子</td>
            <td>133</td>
            <td>145</td>
            <td>125</td>
            <td>260</td>
        </tr>
        <tr>
        	<td colspan="2">平均分</td>
            <td>130</td>
            <td>130</td>
            <td>130</td>
            <td>130</td>
        </tr>
    </table>
</body>

显示结果

注意：平均分哪里我没有具体计算。

半年之期

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML-----表格标签

1.表格标签table：一个表格 tr：行 th：表头 td：单元格 thead：头 tbody：体 tfoot：脚 caption：标题2.属性border：表格边框 width：宽度 height：高度 align：对齐方式，left--左对齐，center--居中对齐，right--右对齐 rowspan：行合并 colspan：列合并3.举例&lt...
复制链接

扫一扫

专栏目录