initial commit

1 files changed, 57 insertions, 0 deletions

diff --git a/files/zh-cn/learn/html/index.html b/files/zh-cn/learn/html/index.html
new file mode 100644
index 0000000000..6e4c0162a8
--- /dev/null
+++ b/files/zh-cn/learn/html/index.html
@@ -0,0 +1,57 @@
+---
+title: 学习 HTML ：指南与教程
+slug: learn/HTML
+tags:
+  - HTML
+  - HTML5
+  - 主题
+  - 入门指导
+  - 基础
+  - 学习
+  - 新手
+  - 简介
+translation_of: Learn/HTML
+---
+<div>{{LearnSidebar}}</div>
+
+<p class="summary">为了创建网站，你应该了解 {{Glossary('HTML')}} —— 用于定义一个网页结构的基本技术。HTML 用于表示你的网页内容是应该被理解为段落、列表、头部、链接、图像、多媒体播放器、表单或是其他众多可用的元素之一亦或是你定义的新元素。</p>
+
+<h2 id="学习路径">学习路径</h2>
+
+<p>理论上来说你的学习旅途应该从学 HTML 开始。先阅读 <a href="https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML">HTML 介绍</a>。此后你便能够继续学习更多高级的主题，例如：</p>
+
+<ul>
+ <li><a href="https://developer.mozilla.org/zh-CN/docs/Learn/CSS">CSS </a>，以及如何用它装饰 HTML (例如：更改你的文本字号和字体，添加边框和阴影，将你的页面设计成多栏布局，添加动画和其他视觉效果。)</li>
+ <li><a href="https://developer.mozilla.org/zh-CN/docs/Learn/JavaScript">JavaScript</a> ，以及如何用它为网页添加动态功能(例如：找到你的地址并且在地图上绘制出来，触发按钮时让 UI 元素显示或消失，将用户的数据本地储存在他们的电脑里，以及更多。)</li>
+</ul>
+
+<p>在开始这个主题的学习之前，你至少要基本熟悉使用电脑和被动地使用网络（即单纯地查看内容）。你应该设置好一个基础的工作环境，详细参照<a href="https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/Installing_basic_software">安装基础软件</a>，并且理解如何新建和管理文件，详细参照<a href="https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/Dealing_with_files">文件处理</a>——这两者都在 <a href="https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web">Web 入门</a>的完全新手模块里。</p>
+
+<p>在尝试学习这个主题之前，建议先完成 <a href="https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web">Web 入门</a>，不过这并不是绝对必要的。<a href="https://developer.mozilla.org/zh-CN/docs/Learn/Getting_started_with_the_web/HTML_basics">HTML 基础 </a>里大多数的文章在 <a href="https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML">HTML 介绍</a> 模块里也有，虽然有很多额外的细节。</p>
+
+<h2 id="模块">模块</h2>
+
+<p>这个主题由包含以下模块，建议按顺序进行学习。很显然，你要从第一个开始。</p>
+
+<dl>
+ <dt><a href="https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML">HTML 介绍</a></dt>
+ <dd>这一模块将为你铺路，帮你习惯一些重要的概念和语法，着眼于如何对文本应用 HTML ，如何创造超链接，以及如何使用 HTML 构造一个网页。</dd>
+ <dt><a href="https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Multimedia_and_embedding">多媒体与嵌入</a></dt>
+ <dd>这个模块带你探索如何使用 HTML 在你的网页里如何包含多媒体信息，包含如何用各种方法包含图片，以及如何嵌入视频、音频，甚至是嵌入其他完整的网页。</dd>
+ <dt><a href="https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Tables">HTML 表格</a></dt>
+ <dd>在网页上用易于理解和可访问（{{glossary("Accessibility", "accessible")}}）的方式来表示表格数据是一项挑战。这个模块包括了基本的表格标记，还有更多复杂的特性，例如实现标题和总结。</dd>
+ <dt><a href="https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Forms">HTML 表单</a></dt>
+ <dd>表单是网页中十分重要的一部分——它们会提供网站交互需要的很多功能（例如：注册，登录，发送反馈，购物等等）。这个模块将带你开始创建表单的客户端部分。</dd>
+</dl>
+
+<h2 id="解决常见的_HTML_问题">解决常见的 HTML 问题</h2>
+
+<p><a href="https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Howto">使用 HTML 解决常见问题</a>提供了一系列在创建网页过程中遇到的常见问题的解决方案：处理标题，添加图片或视频，强调内容，创建一个基础表单等等。</p>
+
+<h2 id="相关链接">相关链接</h2>
+
+<dl>
+ <dt>MDN 上的 <a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML">HTML（超文本标记语言）</a></dt>
+ <dd>这是 HTML 文档在 MDN 上的主入口，涵盖了详细的元素和属性参考——比如说如果你想知道一个元素有什么属性或者一个属性有什么值，这是一个查询它们的好地方。</dd>
+ <dt></dt>
+</dl>