Skip to content

Latest commit

 

History

History
61 lines (38 loc) · 1.97 KB

Lab02.md

File metadata and controls

61 lines (38 loc) · 1.97 KB

Lab02 - HTML

简介

本次 Lab 主要涉及 HTML 的基础知识,以及 HTML5 中新提出来的语义化标签

要求

请补充 Lab02.html 中的相应代码,使得补充后的页面效果与以下效果相同

最终效果

推荐在编写代码过程中使用 <article><nav><footer> 等 HTML5 语义化标签来代替像 <div> 这样的通用 HTML 标签。

需要注意的是一些语义化标签如 <section><figure> 可能需要继续包含其它标签作为子节点

具体可以参考下图:

HTML5 标签

注意

  1. 本次 Lab 主要考察 HTML 语法,禁止使用任何 CSS
  2. 为考察对 HTML5 标签的使用,限定 <div> 标签数量不大于 5,需要用到该标签的情况请思考如何使用 HTML5 标签实现
  3. 页面中共有八处超链接,为方便起见请全部定位到 #
  4. 特殊符号如 ©, 请使用字符实体实现
  5. 分割符请使用 | 而不是 (gun)或 |丨丨།│ Ι 等其它奇怪分隔符,具体原因参考此链接:有哪些让你目瞪口呆的 bug?

参考

  1. Fundamentals of Web Development. Chapter 3.
  2. HTML 字符实体
  3. HTML5 标签

测试

本次 Lab 没有唯一答案,只要求最后效果与效果图类似,并使用了要求的语义化标签即可。所有测试基于 Chrome 进行。

提交

请直接将你的代码目录 push 到 GitHub,无需压缩成 zip 或 rar

截止日期

2018-3-27 23:59:59 GMT+08 (中国标准时间)

逾期扣除该 Lab 总分的 20% 分数直至 0

Lab 相关

有任何疑问欢迎联系助教:

Email:

王婕

杨森

花楠

Or 微信群上戳一戳