blob: 6e4c0162a8106886b45233d154b1be1241e95074 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
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>
|
