HTML 简介
HTML 是创建网页的标准标记语言。
什么是 HTML？
- HTML 代表超文本标记语言（Hyper Text Markup Language）
- HTML 是创建网页的标准标记语言
- HTML 描述了网页的结构
- HTML 由一系列元素组成
- HTML 元素告诉浏览器如何显示内容
- HTML 元素标记内容的各个部分，例如“这是一个标题”、“这是一个段落”、“这是一个链接”等。
一个简单的 HTML 文档
示例
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>
自己动手试一试 »
示例解释
<!DOCTYPE html>声明定义了该文档是一个 HTML5 文档<html>元素是HTML页面的根元素<head>元素包含 HTML 页面的元信息<title>元素指定 HTML 页面的标题（显示在浏览器的标题栏或页面标签中）<body>元素定义文档的主体，是所有可见内容的容器，例如标题、段落、图像、超链接、表格、列表等。<h1>元素定义一个大标题<p>元素定义一个段落
什么是 HTML 元素？
HTML 元素由开始标签、一些内容和结束标签定义
<tagname> 内容在此处... </tagname>
HTML 元素是从开始标签到结束标签的所有内容
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
| 开始标签 | 元素内容 | 结束标签 |
|---|---|---|
| <h1> | 我的第一个标题 | </h1> |
| <p> | 我的第一个段落。 | </p> |
| <br> | none | none |
注意：有些 HTML 元素没有内容（例如 <br> 元素）。这些元素称为空元素。空元素没有结束标签！
Web 浏览器
Web 浏览器（Chrome、Edge、Firefox、Safari）的目的是读取 HTML 文档并正确显示它们。
浏览器不显示 HTML 标签，而是使用它们来确定如何显示文档
HTML 页面结构
以下是 HTML 页面结构的可视化
<html>
<head>
<title>页面标题</title>
</head><body>
</body>
</html><h1>This is a heading</h1>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
注意： <body> 部分中的内容将在浏览器中显示。<title> 元素中的内容将显示在浏览器的标题栏或页面标签中。
HTML 历史
自万维网诞生以来，HTML 已经有许多版本
| Year（年份） | 版本 |
|---|---|
| 1989 | 蒂姆·伯纳斯-李发明了万维网 |
| 1991 | 蒂姆·伯纳斯-李发明了 HTML |
| 1993 | 戴夫·拉格特起草了 HTML+ |
| 1995 | HTML 工作组定义了 HTML 2.0 |
| 1997 | W3C 推荐：HTML 3.2 |
| 1999 | W3C 推荐：HTML 4.01 |
| 2000 | W3C 推荐：XHTML 1.0 |
| 2008 | WHATWG HTML5 首个公开草案 |
| 2012 | WHATWG HTML5 实时标准 |
| 2014 | W3C 推荐：HTML5 |
| 2016 | W3C 候选推荐：HTML 5.1 |
| 2017 | W3C 推荐：HTML5.1 第二版 |
| 2017 | W3C 推荐：HTML5.2 |
本教程遵循最新的 HTML5 标准。
视频：HTML 简介
