HTML代表超文本标记语言(Hyper Text Markup Language)，它是使用最广泛的编写网页的语言。

  • 超文本是指网页（HTML 文档）链接在一起的方式。因此，网页上可用的链接称为超文本。

  • 顾名思义，HTML 是一种标记语言，这意味着您可以使用 HTML 简单地"标记"文本带有标签的文档，告诉 Web 浏览器如何构建其显示结构。

最初，HTML 的开发目的是定义文档的结构，如标题、段落、列表等，以促进研究人员之间共享科学信息。

现在，HTML 被广泛用于借助 HTML 语言中提供的不同标签来格式化网页。

基本 HTML 文档

以下是最简单的 HTML 文档示例 -

<!DOCTYPE html>
<html>

   <head>
      <title>这是文档标题</title>
   </head>
	
   <body>
      <h1>这是一个标题</h1>
      <p>文档内容放在这里.....</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) 建议从 HTML4 开始使用小写标签.

HTML 文档结构

一个典型的 HTML 文档将具有以下结构 -

<html> 
    <head> 
    文档头部相关标签 
    </head> 

    <body>
     body内部相关标签 
    </body> 
</html>

我们将在后续章节中研究所有 header 和 body 标签，但现在让我们看看什么是文档声明标签。

<!DOCTYPE> 声明

网络浏览器使用 <!DOCTYPE> 声明标签来了解所使用的 HTML 版本在文件中。当前 HTML 版本是 5，它使用以下声明 -

<!DOCTYPE html>

根据所使用的 HTML 版本，还有许多其他声明类型可以在 HTML 文档中使用。我们将在讨论 <!DOCTYPE...> 标记以及其他 HTML 标记时看到更多详细信息。