HTML 概述
HTML 是 Hyper text Markup Language 的缩写,它是用于编写网页最常用的语言。
- Hypertext (超文本)指的是网页(HTML 文档)之间的链接方式。因此,网页上的链接被称为超文本。
-
如其名所示,HTML 是一种 标记语言 ,这意味着你可以使用 HTML 来给文本文档添加标签,告诉浏览器如何结构化显示。
最初,HTML 的开发目的是为了定义文档的结构,例如标题、段落、列表等,以促进研究人员之间的科学信息共享。
现在,HTML 被广泛用于利用 HTML 语言中的不同标签来格式化网页。
基本 HTML 文档
最简单的形式的 HTML 文档示例如下:
<!DOCTYPE html>
<html>
<head>
<title>This is document title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>Document content goes here.....</p>
</body>
</html>
HTML标签
如前所述,HTML是一种标记语言,使用各种标签来格式化内容。这些标签被封装在角括号内 <标签名>
. 除了一些标签外,大多数标签都有相应的闭合标签。例如, <html>
有其闭合标签 </html>
和 <body>
标签有其闭合标签 </body>
等等。
上面的HTML文档示例使用了以下标签 −
序号 | 标签和描述 |
---|---|
1 | <!DOCTYPE...> 此标签定义文档类型和HTML版本。 |
2 | <html> 此标签包含完整的HTML文档,主要由文档头部和文档主体组成,文档头部由<head>...</head> 标签表示,文档主体由<body>...</body> 标签表示。 |
3 | <head> 此标签表示文档的头部,可以包含其他HTML标签,如<title>,<link> 等。 |
4 | <title> <title> 标签用于在<head> 标签中指定文档标题。 |
5 | <body> 此标签表示文档的主体,包含其他HTML标签,如<h1>,<div>,<p> 等。 |
6 | <h1> 此标签表示标题。 |
7 | <p> 此标签表示段落。 |
学习HTML,您需要学习各种标签,并理解它们在格式化文本文档时的行为。学习HTML很简单,用户只需要学习不同标签的用法,以便将文本或图像格式化为漂亮的网页。
万维网联盟(W3C)建议从HTML 4开始使用小写标签。
HTML文档结构
典型的HTML文档将具有以下结构−
<html>
<head>
Document header related tags
</head>
<body>
Document body related tags
</body>
</html>
在接下来的章节中,我们将学习所有的标题和正文标签,但现在让我们看看文档声明标签是什么。
<!DOCTYPE>
声明
<!DOCTYPE>
声明标签由Web浏览器用来理解文档中所使用的HTML版本。当前的HTML版本是5,它使用以下声明:
<!DOCTYPE html>
根据使用的HTML版本,还有许多其他可以在HTML文档中使用的声明类型。在讨论<!DOCTYPE...>
标签以及其他HTML标签时,我们将看到更多详细信息。