On this page

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 就出现了许多版本:

YearVersion
1989Tim Berners-Lee invented www
1991Tim Berners-Lee invented HTML
1993Dave Raggett drafted HTML+
1995HTML Working Group defined HTML 2.0
1997W3C Recommendation: HTML 3.2
1999W3C Recommendation: HTML 4.01
2000W3C Recommendation: XHTML 1.0
2008WHATWG HTML5 First Public Draft
2012WHATWG HTML5 Living Standard
2014W3C Recommendation: HTML5
2016W3C Candidate Recommendation: HTML 5.1
2017W3C Recommendation: HTML5.1 2nd Edition
2017W3C Recommendation: HTML5.2