前端技术——html——表格

最新推荐文章于 2024-04-27 09:14:44 发布

涛涛英语学不进去

最新推荐文章于 2024-04-27 09:14:44 发布

阅读量175

点赞数

分类专栏：前端文章标签：表格

本文链接：https://blog.csdn.net/niTaoTaoa/article/details/103212227

版权

前端专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格标签</title>
</head>
<body>
<!--
border是边框
bgcolor背景颜色
colspan 合并列
rowspan 合并行
cellpadding定义内容和单元格的内容
cellspacing定义单元格之间的距离。如果指定为0，则单元格的线会合为一条
align 对齐方式
caption 表格标题
thead  表示表格的头部分
tbody  表示表格的体部分
tfoot  表示表格的脚部分 无论定义在哪里，永远展示在最下面
-->
  <table width="200px" border="1" cellpadding="0" bgcolor="#8a2be2"cellspacing="0">
    <caption>学生信息表</caption>
 <thead>
    <tr>
      <th>编号</th>
      <td>姓名</td>
      <th>成绩</th>
    </tr>
 </thead>
 <tbody>
    <tr>
      <td>01</td>
      <td>A</td>
      <td>99</td>
    </tr>
    <tr>
      <td>01</td>
      <td>A</td>
      <td>99</td>
    </tr>
    <tr>
      <td>01</td>
      <td>A</td>
      <td>99</td>
    </tr>

    <tr>
      <td>01</td>
      <td>A</td>
      <td>99</td>
    </tr>
 </tbody>
<tfoot>
<tr>
  <td>01</td>
  <td>A</td>
  <td>9</td>
</tr>
</tfoot>
  </table>



<table width="200px" border="1" cellpadding="0" bgcolor="#8a2be2"cellspacing="0">
  <caption>学生信息表</caption>

  <tr>
    <th rowspan="2">编号</th>
    <th>姓名</th>
    <th>成绩</th>
  </tr>

  <tr>
    <td>01</td>
    <td>A</td>

  </tr>
  <tr>
    <td>01</td>
    <td colspan="2">A</td>

  </tr>
  <tr>
    <td>01</td>
    <td>A</td>
  </tr>

</table>
</body>
</html>

涛涛英语学不进去

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端技术——html——表格

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格标签</title></head><body><!--border是边框bgcolor背景颜色colspan 合并列rows...
复制链接

扫一扫

专栏目录