1. HTML 基础

  2. 常用的元素

  3. 工具与规范

  4. 实例练习

什么是 HTML ？

超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用来结构化 Web 网页及其内容的标记语言。

通俗地说， HTML 有着各种各样的元素标签，包括不限于段落、标题、列表、图片、链接等等。我们使用这些元素标签组成了网页的基本结构。

比如以下这行内容，就表示了一个 HTML 元素。一个 1 号标题的元素，元素内容为 这里是三眼鸭的编程教室 。

<h1>这里是三眼鸭的编程教室</h1>

下图是其在浏览器中显示的效果。

image

万维网联盟

万维网联盟（World Wide Web Consortium 简称 W3C）是万维网的主要国际标准组织，为半自治非政府组织（quasi-autonomous nongovernmental organization）。

为解决网络应用中不同平台、技术和开发者带来的不兼容问题，保障网络信息流通得顺利完整，万维网联盟制定了一系列标准并督促网络应用开发者和内容提供者遵循这些标准。标准的内容包括使用语言的规范，开发中使用的导则和解释引擎的行为等等。W3C也制定了包括 XML 和 CSS 等的众多影响深远的标准规范。

但是，W3C制定的网络标准似乎并非强制，而只是推荐标准，因此部分网站仍然不能完全实现这些标准，特别是使用早期所见即所得网页编辑软件设计的网页往往会包含大量非标准代码。

HTML 历史

HTML 由 蒂姆·伯纳斯-李（Tim Berners-Lee） 在 1991年发明，并在 1993年发布首个版本。

  • HTML1 - 1993年发布
  • HTML2 - 1995年11月24日发布
  • HTML3 - 1997年1月14日发布
  • HTML4 - 1997年12月18日发布
  • HTML5 - 2014年10月28日发布

HTML5添加了许多新的语法特征，其中包括<video>、<audio>和<canvas>元素，同时集成了SVG内容。这些元素是为了更容易地在网页中添加和处理多媒体和图片内容而添加的。其它新的元素如<section>、<article>、<header>和<nav>则是为了丰富文档的数据内容。

新的属性的添加也是为了同样的目的。同时也有一些属性和元素被移除掉了。一些元素，像<a>、<cite> 和 <menu> 被修改，重新定义或标准化了。同时 APIs 和 DOM 已经成为HTML5中的基础部分了。HTML5还定义了处理非法文档的具体细节，使得所有浏览器和客户端程序能够一致地处理语法错误。

文件扩展名

HTML 的文件扩展名为 .html ，所有以 .html 作为后缀的文件都会默认使用浏览器打开。

HTML 的学习

对于 HTML 的学习我们主要需要理解以下的内容。

  • 理解 HTML 的概念和语法
  • 配置开发工具
  • HTML 常用页面元素
  • HEAD 头部元素
  • HTML 代码规范

$$tip

不需要死记硬背所有的知识点，只需要能理解，实际开发过程中可以边查边写。

$$

学习前的准备

参考前端课介绍中的学习前的准备章节。