Marking up a letter
2018-05-15 17:47 更新
| 先决条件: | 在尝试此评估之前，您应该已经完成了 HTML入门，内容是什么？ HTML中的元数据， HTML文本基础，创建超级链接和 高级文本格式。 |
|---|---|
| 目的: | 测试基本和高级HTML文本格式化和超链接技能，以及知道HTML＆lt; head＆gt;中的内容。 |
初始点
要开始进行此评估，您应该访问 -start / letter-text.txt"class ="external">您需要标记的原始文字，以及 master / html / introduction-to-html / marking-up-a-letter-start / css.txt"class ="external"> CSS，你需要在HTML中加入。 使用文本编辑器创建新的 .html 文件(或使用 "> JSBin 或 Thimble 进行评估)。
工程概要
对于此项目，您的任务是标记需要托管在大学内部网上的信件。 这封信是一名研究员对一名未来的博士生的答复，涉及他们在大学工作的申请。
块/结构语义:
- You should structure the overall document with an appropriate structure including doctype, and
<html>,<head>and<body>elements. - The letter in general should be marked up with a structure of paragraphs and headings, with the exception of the below points. There is one top level heading (the "Re:" line) and three second level headings.
- The semester start dates, study subjects and exotic dances should be marked up using an appropriate list type.
- The two addresses can just be put inside paragraphs, or you could use the
<address>element appropriately; each line of the address should sit on a new line, but not be in a new paragraph.
内联语义:
- You should mark up the contents of the body with appropriate elements:
- The names of the sender and receiver (and "Tel" and "Email") should be marked up with strong importance.
- The four dates in the document should be given appropriate elements containing machine-readable dates.
- The first address and first date in the letter should be given a class attribute value of "receiver-column"; the CSS you'll add later will then cause these to be right aligned, as should be the case in a classic letter layout.
- The five acronyms/abbreviations in the main text of the letter should be marked up to provide expansions of each acronym/abbreviation.
- The six sub/superscripts should be marked up appropriately.
- The degree symbols, greater than symbol and multiply symbols should be marked up using appropriate entity references.
- Try to mark up at least two appropriate words in the text with strong importance/emphasis.
- There are two places where a hyperlink should be added; add appropriate links with titles. For the location that the links point to, just use http://example.com.
- The university motto quote and citation should be marked up with appropriate elements.
文件头:
- The character set of the document should be specified as utf-8 using an appropriate meta tag.
- The author of the letter should be specified in an appropriate meta tag.
- The provided CSS should be included inside an appropriate tag.
提示和提示
- Use the W3C HTML validator to validate your HTML; you'll get bonus points if it validates.
- You don't need to know any CSS to do this assessment; you just need to put the provided CSS inside an HTML element.
例子
以下屏幕截图显示了标记后字母可能看起来像的示例。
alt ="">
评定
如果您作为有组织课程的一部分参加此评估，您应该能够将您的工作交给您的老师/导师进行标记。 如果您是自学习的，那么您可以轻松地通过 dev-mdc 邮件列表，或者在 #mdn IRC频道中。 org / IRC"class ="external"> Mozilla IRC 。 尝试练习第一 - 没有什么可以通过作弊获得！
以上内容是否对您有帮助：
更多建议：