使用 HTML 构建 Web

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

前提

在开始本主题之前,你应该至少熟悉如何使用电脑,如何被动地使用 Web(例如,只是浏览和消费内容)。你应该按照安装基础软件中的详细内容搭建基本的工作环境,以及按照处理文件中的内容理解如何创建和管理文件——这两个都是 Web 入门纯新手模块的一部分。

在开始本主题之前,还是建议你先学习 Web 入门。不过,这并不是绝对必要的;HTML 基础这篇文章中涉及的大部分内容在 HTML 简介模块中也有所涉及,而且更详细。

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

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

模块

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

HTML 简介

这个模块为学习 HTML 奠定了基础,让你熟悉重要的概念和语法,了解如何在文本中应用 HTML,如何创建超链接以及如何使用 HTML 构建网页结构。

多媒体和嵌入

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

HTML 表格

在网页上以易于理解、无障碍的方式表示表格数据可能是个挑战。这个模块涵盖基本的表格标记,以及更复杂的特性(诸如实现标题和摘要)。

解决常见的 HTML 问题

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

参见

Web 表单

这个模块提供的系列文章意在帮助你掌握 Web 表单的基本知识。Web 表单是用于和用户交互的强大工具——其常用于收集用户数据和控制用户界面。然而,由于历史和技术原因,如何发挥 Web 表单的全部潜力并不总是显而易见的。我们将涵盖 Web 表单的全部基本内容,包括:标记表单的 HTML 结构、为表单控件添加样式、验证表单数据,以及向服务器提交数据。

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

这是 MDN 上 HTML 参考文档的主要入口,包括详细的元素和属性参考——如果你想了解一个元素有什么属性或者一个属性有什么值,这是个很好的去处。