随着自己自学HTML和CSS,实验室学姐给我布置了这周的任务,制作一个表格。
代码
代码已存入GitHTML表格制作,如下图则是结果显示:

相关标签解释
-
th和td的异同:
- 相同点:
<th>和<td>标签都是用于表格单元格显示的。 - 不同点:
<th>标签定义表格内表头的单元格,内部的文本通常会呈现粗体。
-
<caption>标签表示表头名称。语法:<caption>购物车</caption> - 跨行:
<rowspan="数字"></rowspan> - 跨列:
<colspan="数字"></colspan> - 定义样式:
<style>相关样式</style>
心得
通过完成这次表格制作的任务,我学到了相关标签的使用,也知道了<th>标签和<td>标签的区别。也希望学姐今后继续给我布置任务让我完成,这样我就有了目标,不像之前,学了之后不加实践练习,很快就会忘了。