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

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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,954评论 25 709
  • 1.任务目的: 使用纯html实现考试页面(不使用任何css/js,不要使用table布局),使用正确合适的标签做...
    YF_dawn阅读 552评论 4 1
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,087评论 19 139
  • 我的朋友,我對你們說,那殺身體以後不能再做什麼的,不要怕他們。我要指示你們當怕的是誰:當怕那殺了以後又有權柄丟在地...
    YNC再寫一篇阅读 146评论 0 0
  • “哥,你的生日恰好是十月一,我带孩子们给你过生日去。”一上班,是妹妹打来的电话。 记忆里,我的生日总是在忙碌中度过...
    FASHION_e018阅读 541评论 3 4