-
Notifications
You must be signed in to change notification settings - Fork 8.1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: A1lo <[email protected]>
- Loading branch information
1 parent
016bf4b
commit d3c40f5
Showing
1 changed file
with
19 additions
and
17 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,41 +1,43 @@ | ||
--- | ||
title: 使用 HTML 组织网站内容 | ||
title: 使用 HTML 构建 Web | ||
slug: Learn/HTML | ||
l10n: | ||
sourceCommit: 26e2f9883e0e73def04c0e86fec6da3ec42e66b3 | ||
--- | ||
|
||
{{LearnSidebar}} | ||
|
||
为了创建一个网站,你需要了解 {{Glossary('HTML')}}——一项用于定义网页结构的基本技术。HTML 用于标识你的网页内容是应该被解析为段落、列表、头部、链接、图像、多媒体播放器、表单或是其他众多可用的元素之一,亦或是你定义的新元素。 | ||
构建网站时,你应该了解 {{Glossary('HTML')}}——用于定义网页结构的基本技术。HTML 用于指定你的网页内容应被识别为段落、列表、标题、链接、图像、多媒体播放器、表单或是其他可用元素之一,甚至是你定义的新元素。 | ||
|
||
## 须知 | ||
## 前提 | ||
|
||
在开始这个主题的学习之前,你至少要基本熟悉使用电脑和被动地使用网络(即单纯地查看内容)。你应该设置好一个基础的工作环境,详细参照[安装基础软件](/zh-CN/docs/Learn/Getting_started_with_the_web/Installing_basic_software),并且理解如何新建和管理文件,详细参照[文件处理](/zh-CN/docs/Learn/Getting_started_with_the_web/Dealing_with_files)——这两者都在 [web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web)的零基础模块里。 | ||
在开始本主题之前,你应该至少熟悉如何使用电脑,如何被动地使用 Web(例如,只是浏览和消费内容)。你应该按照[安装基本软件](/zh-CN/docs/Learn/Getting_started_with_the_web/Installing_basic_software)中的详细内容搭建基本的工作环境,以及按照[处理文件](/zh-CN/docs/Learn/Getting_started_with_the_web/Dealing_with_files)中的内容理解如何创建和管理文件——这两个都是 [Web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web)纯新手模块的一部分。 | ||
|
||
在尝试学习这个主题之前,建议先完成 [web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web)主题,不过这并不是必要的。[HTML 基础](/zh-CN/docs/Learn/Getting_started_with_the_web/HTML_basics)里大多数的文章在 [HTML 介绍](/zh-CN/docs/Learn/HTML/Introduction_to_HTML)中也有涉及,不过要详细得多。 | ||
在开始本主题之前,还是建议你先学习 [Web 入门](/zh-CN/docs/Learn/Getting_started_with_the_web)。不过,这并不是绝对必要的;[HTML 基础](/zh-CN/docs/Learn/Getting_started_with_the_web/HTML_basics)这篇文章中涉及的大部分内容在 [HTML 简介](/zh-CN/docs/Learn/HTML/Introduction_to_HTML)模块中也有所涉及,而且更详细。 | ||
|
||
在学习了 HTML 之后,你就可以继续学习其他进阶主题了,例如: | ||
学习 HTML 后,你可以继续学习更高级的主题,例如: | ||
|
||
- [CSS](/zh-CN/docs/Learn/CSS),以及如何用它装饰 HTML (例如:更改你的文本字号和字体,添加边框和阴影,将你的页面设计成多栏布局,添加动画和其他视觉效果。) | ||
- [JavaScript](/zh-CN/docs/Learn/JavaScript),以及如何用它为网页添加动态功能(例如:找到并在地图上绘制出你的地址,触发按钮时让 UI 元素显示或消失,将用户的数据本地储存在他们的电脑里等等。) | ||
- [CSS](/zh-CN/docs/Learn/CSS),以及如何使用它为 HTML 添加样式(例如,更改文本大小和使用的字体、添加边框和阴影、使用多列布局页面,添加动画和其他视觉效果)。 | ||
- [JavaScript](/zh-CN/docs/Learn/JavaScript),以及如何使用它为 Web 页面添加动态功能(例如,查找你的位置并在地图上标记、切换按钮时让 UI 元素出现/消失、在用户的电脑上本地保存用户数据,等等)。 | ||
|
||
## 模块 | ||
|
||
这个主题由包含以下模块,建议从第一个开始,按顺序进行学习。 | ||
本主题包含以下模块,建议按顺序学习。你应该从第一个模块开始。 | ||
|
||
- [HTML 介绍](/zh-CN/docs/Learn/HTML/Introduction_to_HTML) | ||
- : 这一模块将为你铺路,帮你习惯一些重要的概念和语法,着眼于如何对文本应用 HTML,创造超链接,以及使用 HTML 构造一个网页。 | ||
- [HTML 简介](/zh-CN/docs/Learn/HTML/Introduction_to_HTML) | ||
- : 这个模块为学习 HTML 奠定了基础,让你熟悉重要的概念和语法,了解如何在文本中应用 HTML,如何创建超链接以及如何使用 HTML 构建网页结构。 | ||
- [多媒体和嵌入](/zh-CN/docs/Learn/HTML/Multimedia_and_embedding) | ||
- : 这个模块带你探索如何使用 HTML 在你的网页里如何包含多媒体信息,例如用各种方法包含图片,以及嵌入视频、音频,甚至是嵌入其他完整的网页。 | ||
- : 这个模块探讨如何使用 HTML 在网页中包含多媒体内容,包括:包含图像的不同方式,以及如何嵌入视频、音频,甚至整个其他网页。 | ||
- [HTML 表格](/zh-CN/docs/Learn/HTML/Tables) | ||
- : 在网页上用易于理解和{{glossary("Accessibility", "无障碍")}}的方式来表示表格数据是一项挑战。这个模块包括了基本的表格标记及更多复杂的特性,例如实现标题和总结。 | ||
- : 在网页上以易于理解、{{glossary("Accessibility", "无障碍")}}的方式表示表格数据可能是个挑战。这个模块涵盖基本的表格标记,以及更复杂的特性(诸如实现标题和摘要)。 | ||
|
||
## 解决常见的 HTML 问题 | ||
|
||
[使用 HTML 解决常见问题](/zh-CN/docs/Learn/HTML/Howto)提供了一系列在创建网页过程中可能遇到的常见问题的解决方案:处理标题,添加图片或视频,强调内容,创建一个基础表单等等。 | ||
[使用 HTML 解决常见问题](/zh-CN/docs/Learn/HTML/Howto)提供了用于解释如何使用 HTML 解决创建网页时非常常见的问题的内容的链接:处理标题、添加图像或视频、强调内容、创建基本表单,等等。 | ||
|
||
## 参见 | ||
|
||
- [web 表单](/zh-CN/docs/Learn/Forms) | ||
- : 本模块提供了一系列文章以助你掌握 web 表单的要领。web 表单是一种非常强大的用户交互工具--其最常见的应用是收集用户的数据,或允许他们控制用户界面。然而,由于历史和技术原因,想要充分发挥他们的潜能并不是一件易事。本模块将介绍 web 表单的所有基本要素,包括标记其 HTML 结构、表单控件的样式、验证表单数据以及向服务器提交数据。 | ||
- [Web 表单](/zh-CN/docs/Learn/Forms) | ||
- : 这个模块提供的系列文章意在帮助你掌握 Web 表单的基本知识。Web 表单是用于和用户交互的强大工具——其常用于收集用户数据和控制用户界面。然而,由于历史和技术原因,如何发挥 Web 表单的全部潜力并不总是显而易见的。我们将涵盖 Web 表单的全部基本内容,包括:标记表单的 HTML 结构、为表单控件添加样式、验证表单数据,以及向服务器提交数据。 | ||
- [MDN 上的 HTML(超文本标记语言)](/zh-CN/docs/Web/HTML) | ||
- : MDN 上 HTML 相关参考文档的主入口,涵盖了详细的元素和属性参考——比如说如果你想知道一个元素有什么属性或者一个属性有什么值,此页面是一个查询它们的好地方。 | ||
- : 这是 MDN 上 HTML 参考文档的主要入口,包括详细的元素和属性参考——如果你想了解一个元素有什么属性或者一个属性有什么值,这是个很好的去处。 |