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