MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

就其核心来说, HTML 是一个极其简单的由元素组成的语言,它可以为一些文本赋予它在一个文档中不同的意义(这是一个段落?这是一个项目列表? 这是一个表格?), 结构化文档为逻辑区块 (文档是否有一个头? 内容为三列? 一个导航菜单?) 并且可以嵌入图片影像等内容到一个页面中.这个模块将会介绍这其中的前两个 , 并且介绍 一些你需要用以理解HTML的基本概念 和语法.

必要条件

在开始这个模块之前, 你不需要预先具有任何HTML的知识, 但是你至少需要熟悉一些使用电脑的基础, 会被动使用网络(也就是仅需要看着它, 浏览其内容.)你为电脑配置一个基本的工作环境,在这个 安装基本软件的页面中有详细说明,并且需要懂得如何创建和管理文件,这个 处理文件 页面中有详细说明 —— 这两者都是我们纯新手web开发入门 模块的一部分.

注意:如果你工作在一个你没有权利创建你自己文件的电脑/平板/其他设备上, 你需要在一个在线编程软件上试验 (大多数)代码例子,比如 JSBin 或者Thimble等软件.

指南

这个模块包含以下文章,这些文章会帮你过一遍HTML所有的基本理论,并且提供足够的实践机会。

HTML入门
涵盖了HTML完全的基础,来帮助你入门——我们定义元素,属性,和所有其他你可能听说过的重要术语,并且它们各处于语言的哪部分。我们也会展示 一个 HTML 元素是如何被结构化的 ,一个典型的 HTML 页面是如何被结构化的,并且解释另一些基础但重要的语言特性。一路下来,我们会把玩一些 HTML,来激发你的兴趣!
head中有什么? HTML中的元数据
当页面被加载后HTML 中的head部分是不会显示在web浏览器中的。它包含诸如页面 <title>,链接到 CSS (如果你想用CSS样式化你的HTML内容),到定制的网站图标的链接,和元数据(关于HTML的数据,诸如谁写的页面,和重要的描述文档的关键字)。
HTML 文字处理基础 
HTML的主要工作之一就是 给予文本意义(也被叫做语义),如此浏览器就知道正确的显示文本了。这篇文章关注于如何使用HTML来分解一个文本块为结构化的头和段落,为单词添加强调/重要 ,创建这些,,和一些更多的。
创建超链接
超链接真的很重要 - 它们是使Web成为一个Web。本文介绍了创建链接所需的语法,并讨论了链接最佳做法。
高级文本排版
HTML中有许多其他元素用于格式化文本,我们没有在HTML文本基础文章中提到。which we didn't get to in the HTML text fundamentals article. 这里的元素不太知名,但仍然有用知道。在这里,您将了解标记报价,描述列表,计算机代码和其他相关文本,下标和上标,联系信息等。
文档和网站结构
除了定义页面的各个部分(例如“段落”或“图像”)外,HTML也用于定义网站的区域(例如“标题”,“导航菜单”,“主内容列“。)本文探讨如何规划基本网站结构,并编写HTML以表示此结构。
调试 HTML
编写HTML是好的,但如果有什么问题,而且你不能解决代码中的错误在哪里?本文将向您介绍一些可以帮助您的工具。

评估

以下评估将测试您对上述指南中HTML基础知识的理解。

制造一份信件
我们都早早学会写信;它也是一个有用的例子来测试我们的文本格式化技能!所以在这个评估中,你会得到一封信来标记。
 结构化页面内容
此评估测试您是否能够使用HTML构建简单的内容页面,其中包含页眉,页脚,导航菜单,主要内容和侧边栏。

深入学习

Web literacy basics 1 网络文化基础 1
一个优秀的Mozilla基础课程,探索和测试在HTML模块介绍中讨论的许多技能。学习者熟悉阅读,写作和参与这个六部分模块的网络。通过生产和协作掌握网络的基础。

文档标签和贡献者

 此页面的贡献者: xixilog, SeanZHU, funnyChinese, ZhiRui
 最后编辑者: xixilog,