免費AI編程助手
Marking up a letter
2018-05-15 17:47 更新
| 先決條件: | 在嘗試此評估之前，您應(yīng)該已經(jīng)完成了 HTML入門，內(nèi)容是什么？ HTML中的元數(shù)據(jù)， HTML文本基礎(chǔ)，創(chuàng)建超級鏈接和 高級文本格式。 |
|---|---|
| 目的: | 測試基本和高級HTML文本格式化和超鏈接技能，以及知道HTML＆lt; head＆gt;中的內(nèi)容。 |
初始點
要開始進行此評估，您應(yīng)該訪問 -start / letter-text.txt"class ="external">您需要標記的原始文字，以及 master / html / introduction-to-html / marking-up-a-letter-start / css.txt"class ="external"> CSS，你需要在HTML中加入。 使用文本編輯器創(chuàng)建新的 .html 文件(或使用 "> JSBin 或 Thimble 進行評估)。
工程概要
對于此項目，您的任務(wù)是標記需要托管在大學(xué)內(nèi)部網(wǎng)上的信件。 這封信是一名研究員對一名未來的博士生的答復(fù)，涉及他們在大學(xué)工作的申請。
塊/結(jié)構(gòu)語義:
- 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.
內(nèi)聯(lián)語義:
- 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 ="">
評定
如果您作為有組織課程的一部分參加此評估，您應(yīng)該能夠?qū)⒛墓ぷ鹘唤o您的老師/導(dǎo)師進行標記。 如果您是自學(xué)習(xí)的，那么您可以輕松地通過 dev-mdc 郵件列表，或者在 #mdn IRC頻道中。 org / IRC"class ="external"> Mozilla IRC 。 嘗試練習(xí)第一 - 沒有什么可以通過作弊獲得！
以上內(nèi)容是否對您有幫助：
更多建議：