使用 HTML 构建网页

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

先决条件

在开始本主题之前,您应该至少对使用计算机和被动地使用 Web(即仅查看它,消费内容)有一定的了解。您应该已设置了基本的工作环境,如 安装基本软件 中所述,并了解如何创建和管理文件,如 处理文件 中所述 — 两者都是我们 Web 入门 完全初学者模块的一部分。

建议您在尝试本主题之前先完成 Web 入门。但是,这不是绝对必要的;HTML 基础 文章中涵盖的大部分内容也在我们的 HTML 简介 模块中进行了介绍,尽管详细程度要高得多。

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

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

模块

本主题包含以下模块,建议按顺序学习。您一定要从第一个开始。

HTML 简介

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

多媒体和嵌入

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

HTML 表格

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

解决常见的 HTML 问题

使用 HTML 解决常见问题 提供了指向内容部分的链接,这些内容解释了如何使用 HTML 解决创建网页时非常常见的问题:处理标题、添加图像或视频、强调内容、创建基本表单等。

另请参阅

Web 表单

本模块提供了一系列文章,可帮助您掌握 Web 表单的基本知识。Web 表单是与用户交互的强大工具 — 通常用于从用户那里收集数据,或允许他们控制用户界面。但是,由于历史和技术原因,并不总是清楚如何充分利用它们。我们将涵盖 Web 表单的所有基本方面,包括标记其 HTML 结构、设置表单控件的样式、验证表单数据以及将数据提交到服务器。

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

MDN 上 HTML 参考文档的主要入口点,包括详细的元素和属性参考 — 例如,如果您想知道某个元素具有哪些属性或某个属性具有哪些值,这是一个很好的起点。