HTML入门基础（016）

最新推荐文章于 2020-11-28 14:07:21 发布

虾米大王

最新推荐文章于 2020-11-28 14:07:21 发布

阅读量197

点赞数

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

本文链接：https://blog.csdn.net/modern358/article/details/109826018

版权

html 专栏收录该内容

36 篇文章 2 订阅

订阅专栏

今天我们对学习的表格内容进行一下总结

表格基本标签
标签	语义	说明
table	table	表格
tr	table row	行
td	table data cell	单元格

表格结构标签
标签	语义	说明
thead	table head	表头
tbody	table body	表体
tfoot	table foot	表尾
th	table header	单元格标题

合并行：

<td rowspan="跨度的行数"></td>

合并列：

<td cospan="跨度的列数"></td>

下面我们做个练习题：

请制作一个这样的表格，要求用到学习的标签符。

表格结构

标签	说明
table	表格
caption	标题
thead	表头
tbody	表体
tfoot	表尾
tr	行
th	单元格标题
td	单元格

-----------------------------努力想，不要偷懒！

答案：

<html>  <head>    <title>练习题</title>  </head>  <body>    <table border="1">      <caption>表格结构</caption>      <thead>        <tr>          <th>标签</th>          <th>说明</th>        </tr>      </thead>      <tbody>        <tr>          <td>table</td>          <td>表格</td>        </tr>        <tr>          <td>caption</td>          <td>标题</td>        </tr>        <tr>          <td>thead</td>          <td>表头</td>        </tr>        <tr>          <td>tbody</td>          <td>表体</td>        </tr>        <tr>          <td>tfoot</td>          <td>表尾</td>        </tr>        <tr>          <td>tr</td>          <td>行</td>        </tr>        <tr>          <td>th</td>          <td>单元格标题</td>        </tr>        <tr>          <td>td</td>          <td>单元格</td>        </tr>      </tbody>    </table>  </body></html>