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>
</ body>
</ html>
<h1>这是标题</ h1>
<p>这是一个段落。</ p>
<p>这是另一段。</ p>
注意:在浏览器中仅显示<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标准。
