HTML - 概述


HTML 代表文本标记语言,它编写网页时使用最广泛的语言

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

  • 顾名思义,HTML 是一种标记语言,这意味着您使用 HTML 来简单地“标记”文本文档,其中的标签告诉 Web 浏览器如何构建其显示结构。

最初,开发 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 是一种标记语言,使用各种标签来格式化内容。这些标签包含在尖括号<Tag Name>内。除了少数标签外,大多数标签都有相应的结束标签。例如,<html>有其结束标记</html><body>标记有其结束标记</body>标记等。

上面的 HTML 文档示例使用以下标签 -

先生编号 标签和描述
1 <!文档类型...>

该标签定义文档类型和 HTML 版本。

2 <html>

该标签包含了完整的 HTML 文档,主要由 <head>...</head> 表示的文档头和 <body>...</body> 标签表示的文档正文组成。

3 <头>

该标签代表文档的标题,可以保留其他 HTML 标签,如 <title>、<link> 等。

4 <标题>

<title> 标签在 <head> 标签内使用来提及文档标题。

5 <正文>

该标签代表文档的主体,其中包含其他 HTML 标签,如 <h1>、<div>、<p> 等。

6 <h1>

该标签代表标题。

7 <p>

这个标签代表一个段落。

要学习 HTML,您需要研究各种标签并了解它们的Behave方式,同时格式化文本文档。学习 HTML 很简单,因为用户必须学习不同标签的用法才能格式化文本或图像以制作漂亮的网页。

万维网联盟 (W3C) 建议从 HTML 4 开始使用小写标签。

HTML 文档结构

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

<html>
   
   <head>
      Document header related tags
   </head>
   
   <body>
      Document body related tags
   </body>
   
</html>

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

<!DOCTYPE> 声明

Web 浏览器使用 <!DOCTYPE> 声明标签来了解文档中使用的 HTML 版本。当前 HTML 版本是 5,它使用以下声明 -

<!DOCTYPE html>

HTML 文档中还可以使用许多其他声明类型,具体取决于所使用的 HTML 版本。我们将在讨论 <!DOCTYPE...> 标签以及其他 HTML 标签时看到更多详细信息。