学习 HTML :指南与教程

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

学习路径

理论上来说你的学习旅途应该从学 HTML 开始。先阅读 HTML 介绍。此后你便能够继续学习更多高级的主题,例如:

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

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

在尝试学习这个主题之前,建议先完成 Web 入门,不过这并不是绝对必要的。HTML 基础 里大多数的文章在 HTML 介绍 模块里也有,虽然有很多额外的细节。

模块

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

HTML 介绍
这一模块将为你铺路,帮你习惯一些重要的概念和语法,着眼于如何对文本应用 HTML ,如何创造超链接,以及如何使用 HTML 构造一个网页。
多媒体与嵌入
这个模块带你探索如何使用 HTML 在你的网页里如何包含多媒体信息,包含如何用各种方法包含图片,以及如何嵌入视频、音频,甚至是嵌入其他完整的网页。
HTML 表格
在网页上用易于理解和可访问(accessible)的方式来表示表格数据是一项挑战。这个模块包括了基本的表格标记,还有更多复杂的特性,例如实现标题和总结。
HTML 表单
表单是网页中十分重要的一部分——它们会提供网站交互需要的很多功能(例如:注册,登录,发送反馈,购物等等)。这个模块将带你开始创建表单的客户端部分。

解决常见的 HTML 问题

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

相关链接

MDN 上的 HTML(超文本标记语言)
这是 HTML 文档在 MDN 上的主入口,涵盖了详细的元素和属性参考——比如说如果你想知道一个元素有什么属性或者一个属性有什么值,这是一个查询它们的好地方。