最新的Web开发教程

HTML简介


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>
<h1>这是一个标题</h1>
<p>这是一个段落。 </p>
<p>这是另一个段落。 </p>
</body>
</html>

只有<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