HTML - 简介介绍

HTML代表 H yper t ext M arkup L 语言,它是编写网页的最广泛使用的语言。

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

  • 顾名思义,HTML是一种标签语言,这意味着您可以使用HTML来简单地"mark-up"带有标签的文本文档,该标签告诉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文档示例使用以下标签-

Sr.NoTag & Description
1 <!DOCTYPE...>

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

2 <html>

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

3 <head>

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

4 <title>

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

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>

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

The <!DOCTYPE> Declaration

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

<!DOCTYPE html>

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

点我分享笔记