轻松上手,快乐学习!

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>我的第一段。 < / p >
标签开始 内容 标签结束
My First Heading </h1>
<p> My first paragraph. </p>
<br> none none

注意:某些HTML元素没有内容(例如<br>元素)。 这些元素称为空元素。 空元素没有结束标签!


网页浏览器

网络浏览器(Chrome,Edge,Firefox,Safari)的目的是读取HTML文档并正确显示它们。

浏览器不显示HTML标记,而是使用它们来确定如何显示文档:


HTML页面结构

以下是HTML页面结构的可视化:

<html>

<head>

<title>页面标题</ title>

</ head>

<body>

<h1>这是标题</ h1>
<p>这是一个段落。</ p>
<p>这是另一段。</ p>

</ body>

</ html>

注意:在浏览器中仅显示<body>部分(上面的白色区域)内的内容。


HTML历史

自万维网问世以来,已经有许多版本的HTML:

年份 版本
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

本教程遵循最新的HTML 5标准。