美文网首页
第一期学习路线:任务一----作业二(完成一个小表格)

第一期学习路线:任务一----作业二(完成一个小表格)

作者: YF_dawn | 来源:发表于2016-12-03 12:10 被阅读0次

1.任务目的:完成下列表格

Paste_Image.png

2.任务过程

步骤一:在学习HTML表格之后,我开始进行上述任务.我选择一行一行的分批次完成表格。首先尽享第一行:我使用 <table> 标签来进行表格定义,并且使用< caption>标签来进行表格名称来写表格名称。

代码>

Paste_Image.png

实现>

Paste_Image.png

步骤二:接下来我进行第一行的标签,使用< tr>,接下来我进行第一行第一列的标签发现第一行的名称标签占用了两行,所以我使用< td rowspan="2"> 来使名称标签占用两行。发现时间的标签占用的两列,则使用<td colspan="2>。

代码>

Paste_Image.png

实现>

Paste_Image.png

步骤三,重复上述步骤,完成任务要求即可。


附上源代码以及最终实现:

代码>

Paste_Image.png

实现>

Paste_Image.png

相关文章

网友评论

      本文标题:第一期学习路线:任务一----作业二(完成一个小表格)

      本文链接:https://www.haomeiwen.com/subject/jqhcmttx.html