学习 HTML :指南与教程

为了创建一个网站,你需要了解 HTML —— 一项用于定义网页结构的基本技术。HTML 用于标识你的网页内容是应该被解析为段落、列表、头部、链接、图像、多媒体播放器、表单或是其他众多可用的元素之一,亦或是你定义的新元素。

想要成为一名前端工程师?

我们汇总了一门课程,其中包含你实现成为前端工程师目标所需要的所有基本信息。

从这儿开始

须知

在开始这个主题的学习之前,你至少要基本熟悉使用电脑和被动地使用网络(即单纯地查看内容)。你应该设置好一个基础的工作环境,详细参照 安装基础软件, 并且理解如何新建和管理文件,详细参照文件处理——这两者都在 Web 入门 的完全新手模块里。

在尝试学习这个主题之前,建议先完成 Web 入门主题,不过这并不是必要的。HTML 基础里大多数的文章在 HTML 介绍中也有涉及,不过要详细得多。

在学习了 HTML 之后,你就可以继续学习其他进阶主题了,例如:

  • CSS,以及如何用它装饰 HTML (例如:更改你的文本字号和字体,添加边框和阴影,将你的页面设计成多栏布局,添加动画和其他视觉效果。)
  • JavaScript,以及如何用它为网页添加动态功能(例如:找到并在地图上绘制出你的地址,触发按钮时让 UI 元素显示或消失,将用户的数据本地储存在他们的电脑里等等。))

模块

这个主题由包含以下模块,建议从第一个开始,按顺序进行学习。

HTML 介绍

这一模块将为你铺路,帮你习惯一些重要的概念和语法,着眼于如何对文本应用 HTML,创造超链接,以及使用 HTML 构造一个网页。

多媒体和嵌入

这个模块带你探索如何使用 HTML 在你的网页里如何包含多媒体信息,例如用各种方法包含图片,以及嵌入视频、音频,甚至是嵌入其他完整的网页。

HTML 表格

在网页上用易于理解和无障碍的方式来表示表格数据是一项挑战。这个模块包括了基本的表格标记及更多复杂的特性,例如实现标题和总结。

解决常见的 HTML 问题

使用 HTML 解决常见问题提供了一系列在创建网页过程中可能遇到的常见问题的解决方案:处理标题,添加图片或视频,强调内容,创建一个基础表单等等。

参见

Web 表单

本模块提供了一系列文章以助你掌握 Web 表单的要领。Web 表单是一种非常强大的用户交互工具--其最常见的应用是收集用户的数据,或允许他们控制用户界面。然而,由于历史和技术原因,想要充分发挥他们的潜能并不是一件易事。本模块将介绍 Web 表单的所有基本要素,包括标记其 HTML 结构、表单控件的样式、验证表单数据以及向服务器提交数据。

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

MDN 上 HTML 相关参考文档的主入口,涵盖了详细的元素和属性参考——比如说如果你想知道一个元素有什么属性或者一个属性有什么值,此页面是一个查询它们的好地方。