使用 HTML 构建网络

要构建网站,你应该了解 HTML - 用于定义网页结构的基本技术。HTML 用于指定你的 Web 内容是否应被识别为段落、列表、标题、链接、图片、多媒体播放器、表单或许多其他可用元素之一,甚至是你定义的新元素。

¥To build websites, you should know about HTML — the fundamental technology used to define the structure of a webpage. HTML is used to specify whether your web content should be recognized as a paragraph, list, heading, link, image, multimedia player, form, or one of many other available elements or even a new element that you define.

先决条件

¥Prerequisites

在开始本主题之前,你应该至少对使用计算机和被动使用网络(即只是查看、消费内容)有基本的了解。你应该有一个如 安装基本软件 中详细介绍的基本工作环境,并了解如何创建和管理文件,如 处理文件 中详细介绍 - 两者都是我们 开始使用网络 完整初学者模块的一部分。

¥Before starting this topic, you should have at least basic familiarity with using computers and using the web passively (i.e., just looking at it, consuming the content). You should have a basic work environment set up as detailed in Installing basic software, and understand how to create and manage files, as detailed in Dealing with files — both are parts of our Getting started with the web complete beginner's module.

建议你在尝试本主题之前先完成 开始使用网络。然而,这并不是绝对必要的。HTML 基础知识 文章中介绍的大部分内容也包含在我们的 HTML 简介 模块中,尽管更加详细。

¥It is recommended that you work through Getting started with the web before attempting this topic. However, this isn't absolutely necessary; much of what is covered in the HTML basics article is also covered in our Introduction to HTML module, albeit in a lot more detail.

学习 HTML 后,你可以继续学习更高级的主题,例如:

¥After learning HTML, you can then move on to learning about more advanced topics such as:

  • CSS,以及如何使用它来设置 HTML 样式(例如,更改文本大小和使用的字体、添加边框和阴影、使用多列布局页面、添加动画和其他视觉效果)。
  • JavaScript,以及如何使用它向网页添加动态功能(例如,查找你的位置并将其绘制在地图上,在切换按钮时使 UI 元素出现/消失,将用户数据本地保存在计算机上,以及 多得多)。

模块

¥Modules

本主题包含以下模块,并按照建议的顺序进行操作。你绝对应该从第一个开始。

¥This topic contains the following modules, in a suggested order for working through them. You should definitely start with the first one.

HTML 简介

本模块奠定了基础,让你习惯重要的概念和语法,了解如何将 HTML 应用于文本、如何创建超链接以及如何使用 HTML 构建网页。

多媒体和嵌入

本模块探讨如何使用 HTML 在网页中包含多媒体,包括包含图片的不同方式,以及如何嵌入视频、音频甚至整个其他网页。

HTML 表格

以可理解的 accessible 方式在网页上表示表格数据可能是一项挑战。该模块涵盖基本的表格标记,以及更复杂的功能,例如实现标题和摘要。

解决常见的 HTML 问题

¥Solving common HTML problems

使用 HTML 解决常见问题 提供了一些内容的链接,解释了如何使用 HTML 来解决创建网页时非常常见的问题:处理标题、添加图片或视频、强调内容、创建基本形式等。

¥Use HTML to solve common problems provides links to sections of content explaining how to use HTML to solve very common problems when creating a webpage: dealing with titles, adding images or videos, emphasizing content, creating a basic form, etc.

也可以看看

¥See also

网页表格

本模块提供了一系列文章,帮助你掌握 Web 表单的基础知识。Web 表单是与用户交互的非常强大的工具 - 最常见的是它们用于收集用户的数据,或允许他们控制用户界面。然而,由于历史和技术原因,如何充分利用它们的潜力并不总是显而易见的。我们将介绍 Web 表单的所有基本方面,包括标记 HTML 结构、设置表单控件的样式、验证表单数据以及向服务器提交数据。

MDN 上的 HTML(超文本标记语言)

MDN 上 HTML 参考文档的主要入口点,包括详细的元素和属性参考 - 例如,如果你想了解元素具有哪些属性或属性具有哪些值,那么这是一个很好的起点。