learn semantic markup

幾個1.1-語義標記練習

通過標記這些文檔來學習語義HTML。

這是什麼？

這是文本文檔的目錄，您可以將其標記為練習以學習HTML。文檔包含您在手機和桌面上網站中可能看到的典型內容。此處僅包含文字！您的工作是添加標記！

除了編寫句法正確的HTML代碼外，您的目標還包括使用HTML標記來增強含義並保留信息的上下文。標記應增加清晰度。

您的目標是用最能描述內容文本的標籤標記文檔。您希望標籤能夠最好地表達每個文檔內容的消息和意圖。

不必擔心瀏覽器中文檔的外觀。這是一個常見的初學者錯誤。瀏覽器中的默認樣式僅在不包括其他樣式表時提供默認選擇。

使用這些標籤：

• 截面標籤
  • 標題<header>
  • 節<section>部分>
  • 文章<article>
  • 頁腳<footer>頁腳>
• 標題H1-6 <h1>
• 段落<p>
• 小<small>
• BlockQuote <blockquote>
• pre <pre>
• 代碼<code>
• 內聯標籤
  • 強<strong>
  • 重點<em>
  • 縮寫<abbr>
  • 錨<a>
  • 時間<time>
  • superscript <sup>
  • 報價<q>

入門！

tl; dr下載此存儲庫，然後開始在每個文檔中添加HTML標籤。

該回購包含挑戰和解決方案的清單。每個解決方案文件都標記。

挑戰文件僅包含文本，沒有標記，您將添加標記（標籤）。

在您開始閱讀每個文件中的評論之前。還閱讀文本本身。您添加的標記應添加上下文並增強含義和意圖。

如何下載此代碼

如果您在下載此存儲庫時遇到了麻煩，請參見以下步驟：

1. 打開一個終端窗口，然後導航到您要放置此存儲庫的文件夾。 （可能被稱為： dev/courses/web1.0 ）

2. 輸入以下代碼：

 $ git clone [email protected]:soggybag/learn-semantic-markup.git

3. 請訪問github.com並創建一個新的存儲庫。 （注意：請確保未檢查“用讀數初始化此存儲庫”的複選框。）

4. 輸入以下內容以更新您的存儲庫的目的地：

 $ git remote set-url origin [email protected]:YOUR_USERNAME/YOUR_REPO_NAME.git
$ git push -u origin master

5. 刷新您新創建的GitHub存儲庫中的頁面，以確保您的更改成功推動。

檢查您的工作

您可以通過幾種方式檢查您的工作：

使用驗證器檢查您的語法。 HTML驗證器檢查您的HTML的語法。

https://validator.w3.org

在驗證器中檢查您的工作。

根據解決方案檢查您的工作。您不必與解決方案相同！

隨時貢獻

隨時做出貢獻！如果您對可能會帶來良好挑戰的文件想法可以隨意做出貢獻。請參閱貢獻指南。如果您有一個特別好的解決方案，請隨時做出貢獻！