HTML是什么?
HTML是描述 Web文档的标记语言(web pages) 。
- HTML代表超文本标记语言
- 一种标记语言,是一组markup tags
- HTML文档所描述HTML tags
- 每个HTML标签describes不同的文档内容
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
- 之间的文本<html>和</html>描述的HTML文档
- 之间的文本<head>和</head>提供关于文档的信息
- 之间的文本<title>和</title>提供了一个标题为文档
- 之间的文本<body>和</body>描述可见页面内容
- 之间的文本<h1>和</h1>描述了标题
- 之间的文本<p>和</p>描述段落
使用这个描述,Web浏览器可以显示一个标题和段落中的文档。
HTML标签
HTML标签是关键字 (tag names)包围angle brackets :
<tagname>content</tagname>
- HTML标记通常来in pairs等<p>和</p>
- 在一对所述第一标签是start tag,所述第二标记是end tag
- 最终的标签是这样写的起始标签,但标签名称前的斜线
开始标签常被称为opening tag 。 结束标记通常被称为closing tag 。
Web浏览器
Web浏览器的目的(Chrome, IE, Firefox, Safari)是读取HTML文档并显示它们。
浏览器不显示HTML标记,但使用它们来确定如何显示文件:
HTML页面结构
下面是一个HTML页面结构的可视化:
<html>
<head>
<title>页标题</title>
</head> <body>
</html> <h1>这是一个标题</h1>
<p>这是一个段落。 </p>
<p>这是另一个段落。 </p>
</body> 只有<body>区域(the white area)是由浏览器显示。
该<!DOCTYPE>声明
该<!DOCTYPE>声明有助于正确显示网页浏览器。
有在网络上不同的文件类型。
要正确地显示文档,浏览器必须知道类型和版本。
DOCTYPE声明是不区分大小写。 所有病例都是可以接受的:
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
常见的声明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
在w3ii所有教程和示例使用HTML5。
HTML版本
由于网络的初期,出现了HTML的许多版本:
版 | 年 |
---|---|
HTML | 1991年 |
HTML 2.0 | 1995年 |
HTML 3.2 | 1997年 |
HTML 4.01 | 1999年 |
XHTML | 2000 |
HTML5 | 2014 |