我们迟早都会写这封信; 测试我们的文本格式技能也是一个很有用的例子! 在此评估中,您将收到一封信来标记测试基本和高级HTML文本格式技能,包括超链接,另外我们将测试您对某些HTML <head>
内容的熟悉程度。
先决条件: | 在尝试此评估之前,您应该已经通过HTML开始工作了 ,脑袋中有哪些前端知识? HTML源数据, HTML基础文本知识, 创建超链接和高级文本格式 |
---|---|
目的: | 测试基本和高级HTML文本格式和超链接技能,以及HTML <head>中的内容。 |
初始点
要开始这个评估,你应该去抓住你需要标记的原始文本 ,并且你需要包含在HTML中的CSS 。 使用文本编辑器创建一个新的.html
文件,以完成您的工作(或者使用JSBin或Thimble等网站进行评估)。
工程概要
对于这个项目,您的任务是标记需要在大学内部网上托管的一封信。 该信是研究人员对一名潜在博士生的回应,他们申请在大学工作。
块/结构语义:
- 您应该使用适当的结构来构造整体文档,包括doctype和
<html>
,<head>
和<body>
元素。 - 一般情况下,该字母应标有段落和标题的结构,但以下几点除外。 有一个顶级标题(“Re:”行)和三个二级标题。
- 该学期的开课日期,学习科目和异国情调的舞蹈应使用适当的列表类型进行标记。
- 两个地址可以放在段落中。
<address>
元素不适合他们 - 考虑为什么。 此外,地址的每一行都应该位于新的一行,但不能在新的段落中。
内联语义:
- 发信人和接收者(以及“电话”和“电子邮件”)的姓名应该被高度重视。
- 文档中的四个日期应该被给予包含机器可读日期的适当元素。
- 字母中的第一个地址和第一个日期应该被赋予类属性值“receiver-column”; 之后添加的CSS将会导致这些对齐,就像在经典信件布局中一样。
- 信件正文中的五个首字母缩略词/缩写应标记为提供每个首字母缩略词/缩写的扩展。
- 六个子/上标应适当标注。
- 应使用适当的实体引用来标记大于符号和乘法符号的度符号。
- 尝试在文本中至少标记两个适当的单词,具有很强的重要性/重点。
- 有两个地方应加上超链接; 添加适当的标题链接。 对于链接指向的位置,只需使用http://example.com。
- 应该用适当的元素标注大学的座右铭引用和引用。
文件的负责人:
- 应使用适当的元标记将文档的字符集指定为utf-8。
- 信件的作者应在适当的元标记中指定。
- 提供的CSS应该包含在适当的标签内。
提示
- 使用W3C HTML验证器验证HTML;
- 使用W3C HTML验证器验证HTML;
例
以下屏幕截图显示了标记后字母可能是什么样的示例。
总结
如果您将此评估作为有组织的课程的一部分,您应该能够将您的工作交给您的老师/导师进行标记。 如果您是自学习的,那么您可以通过询问学习区域话语线索 ,或在Mozilla IRC的#mdn IRC频道中轻松获得标记指南。 首先尝试练习 - 作弊没有什么可以获得的!