HTML概述


HTML是Hyper Text Markup Language(超文本标记语言)的缩写,是互联网上最广泛使用的网页开发语言:

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

  • HTML是一种标记语言,这意味着可以使用HTML来简单地“标记”文本文件,该标记告诉Web浏览器如何构造并显示它。

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

上面的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>

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


Web浏览器使用

<!DOCTYPE html>

有许多其他的声明类型可以在HTML文档中使用,这取决于所使用的HTML的版本。在讨论<!DOCTYPE...>标签和其他HTML标签时,我们会看到更多这方面的细节。