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

在验证器中检查您的工作。

根据解决方案检查您的工作。您不必与解决方案相同！

随时贡献

随时做出贡献！如果您对可能会带来良好挑战的文件想法可以随意做出贡献。请参阅贡献指南。如果您有一个特别好的解决方案，请随时做出贡献！