HTML 是用于创建网页的标准标记语言。
什么是 HTML？
- HTML 代表超文本标记语言
- HTML 是用于创建网页的标准标记语言
- HTML 描述了网页的结构
- HTML由一系列元素组成
- HTML 元素告诉浏览器如何显示内容
- HTML 元素标记内容片段，例如“这是一个标题”、“这是一个段落”、“这是一个链接”等。
一个简单的 HTML 文档
例子
代码语言：javascript复制<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>示例说明
- 该
<!DOCTYPE html>声明定义，这个文件是一个HTML5文档 - 所述
<html>元件是一个HTML页面的根元素 - 该
<head>元素包含有关 HTML 页面的元信息 - 该
<title>元素指定 HTML 页面的标题（显示在浏览器的标题栏或页面的选项卡中） - 该
<body>元素定义了文档的身体，并且对于所有的可见内容，诸如标题，段落，图像，超链接，表格，列表等的容器 - 该
<h1>元素定义了一个大标题 - 该
<p>元素定义了一个段落
什么是 HTML 元素？
一个 HTML 元素由一个开始标签、一些内容和一个结束标签定义：
<标记名>内容在这里... < /标记名>
HTML元素是从开始标记到结束标记的所有内容：
< h1 >我的第一个标题< /h1 >
< p >我的第一段。< /p >
Start tag | Element content | End tag |
|---|---|---|
<h1> | My First Heading | </h1> |
<p> | My first paragraph. | </p> |
<br> | none | none |
注意：一些 HTML 元素没有内容（如 <br> 元素）。这些元素称为空元素。空元素没有结束标签！
ADVERTISEMENT
网页浏览器
Web 浏览器（Chrome、Edge、Firefox、Safari）的目的是读取 HTML 文档并正确显示它们。
浏览器不显示 HTML 标签，而是使用它们来确定如何显示文档：
HTML 页面结构
下面是一个 HTML 页面结构的可视化：
代码语言：javascript复制<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>注意： <body> 部分（上面的白色区域）内的内容将显示在浏览器中。<title> 元素内的内容将显示在浏览器的标题栏或页面的选项卡中。
HTML 历史
从万维网的早期开始，出现了许多版本的 HTML：
Year | Version |
|---|---|
1989 | Tim Berners-Lee invented www |
1991 | Tim Berners-Lee invented HTML |
1993 | Dave Raggett drafted HTML |
1995 | HTML Working Group defined HTML 2.0 |
1997 | W3C Recommendation: HTML 3.2 |
1999 | W3C Recommendation: HTML 4.01 |
2000 | W3C Recommendation: XHTML 1.0 |
2008 | WHATWG HTML5 First Public Draft |
2012 | WHATWG HTML5 Living Standard |
2014 | W3C Recommendation: HTML5 |
2016 | W3C Candidate Recommendation: HTML 5.1 |
2017 | W3C Recommendation: HTML5.1 2nd Edition |
2017 | W3C Recommendation: HTML5.2 |
本教程遵循最新的 HTML5 标准。
