HTML 简介
HTML 简介
HTML 是用于创建网页的标准标记语言。
什么是 HTML?
- HTML 代表超文本标记语言
- HTML 是创建网页的标准标记语言
- HTML 描述了网页的结构
- HTML由一系列元素组成
- HTML 元素告诉浏览器如何显示内容
- HTML 元素标记内容片段,例如“这是标题”、“这是段落”、“这是链接”等。
一个简单的 HTML 文档
例子
<!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>
注意:某些 HTML 元素没有内容(例如 <br>
元素)。这些元素称为空元素。空元素没有结束标记!
网络浏览器
Web 浏览器(Chrome、Edge、Firefox、Safari)的用途是读取 HTML 文档并正确显示它们。
HTML 页面结构
下面是 HTML 页面结构的可视化:
<html><头><标题>页面标题</标题>
</头>
<正文><h1>这是一个标题</h1>
<p>这是一个段落。</p>
<p>这是另一段。</p>
</正文>
</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 |