標記信件

我們遲早都會學會寫信；它也是測試我們文字格式化技能的有用示例。在本練習中，您將需要標記一封信，作為您 HTML 文字格式化技能的測試，以及超連結和 HTML <head> 元素的正確使用。

先決條件 在嘗試進行此評估之前，您應該已經完成了 HTML 入門、頭部內容是什麼？HTML 中的元資料、HTML 文字基礎、建立超連結 和 高階文字格式化。
目標 測試基本和高階 HTML 文字格式化、超連結的使用以及 HTML <head> 的使用。

起點

首先，獲取 需要標記的原始文字 和 用於設定 HTML 樣式的 CSS。使用您的文字編輯器建立一個新的 .html 檔案，或使用線上編輯器，例如 CodePen、JSFiddle 或 Glitch。

注意：如果您遇到困難，可以在我們的 溝通渠道 中聯絡我們。

專案簡介

在此專案中，您的任務是標記一封需要託管在大學內部網上的信件。這封信是研究員回覆一位未來的博士生關於其大學申請的回覆。

塊/結構語義

  • 使用適當的文件結構，包括文件型別和 <html>、<head> 和 <body> 元素。
  • 一般來說，這封信應該被標記為標題和段落的組織，但以下情況除外。有一個頂級標題（“Re:” 行）和三個二級標題。
  • 使用適當的列表型別標記學期開始日期、學習科目和異域舞蹈。
  • 將兩個地址放在 <address> 元素內。地址的每一行都應位於新行上，但不要在新段落中。

內聯語義

  • 發件人和收件人的姓名（以及Tel和Email）應使用強強調標記。
  • 文件中的四個日期應包含包含機器可讀日期的適當元素。
  • 信中的第一個地址和第一個日期應具有 sender-column 的類屬性值。您稍後新增的 CSS 將導致它們右對齊，這在經典的信件佈局中應該是這樣。
  • 標記信件正文中的以下五個首字母縮寫/縮寫詞——“PhD”、“HTML”、“CSS”、“BC”和“Esq.”——提供每個詞的擴充套件。
  • 六個下標/上標應適當地標記——在化學式中，以及數字 103 和 104（它們應分別為 10 的 3 次方和 4 次方）。
  • 嘗試在文字中至少用強強調標記兩個適當的單詞。
  • 信件中有兩個地方應該有超連結。新增帶有標題的適當連結。對於連結指向的位置，您可以使用http://example.com作為 URL。
  • 使用適當的元素標記大學座右銘引用和引用。

文件的頭部

  • 文件的字元集應使用適當的元標記設定為 utf-8。
  • 信件的作者應在適當的元標記中指定。
  • 提供的 CSS 應包含在適當的標籤內。

提示和技巧

  • 使用 W3C HTML 驗證器 驗證您的 HTML。如果它透過驗證，請給自己加分。
  • 您不需要了解任何 CSS 即可完成此練習。您只需要將提供的 CSS 放入 HTML 元素中即可。

示例

以下螢幕截圖顯示了標記後的信件可能的樣子。

Example