美文网首页
HTML表格制作

HTML表格制作

作者: Crazy丶Harvey | 来源:发表于2018-05-09 18:25 被阅读26次

随着自己自学HTML和CSS，实验室学姐给我布置了这周的任务，制作一个表格。

代码

代码已存入GitHTML表格制作，如下图则是结果显示：

相关标签解释

  1. th和td的异同：
  • 相同点：<th>和<td>标签都是用于表格单元格显示的。
  • 不同点：<th>标签定义表格内表头的单元格，内部的文本通常会呈现粗体。
  1. <caption>标签表示表头名称。语法：<caption>购物车</caption>
  2. 跨行：<rowspan="数字"></rowspan>
  3. 跨列：<colspan="数字"></colspan>
  4. 定义样式：<style>相关样式</style>

心得

通过完成这次表格制作的任务，我学到了相关标签的使用，也知道了<th>标签和<td>标签的区别。也希望学姐今后继续给我布置任务让我完成，这样我就有了目标，不像之前，学了之后不加实践练习，很快就会忘了。

相关文章