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标签时,我们会看到更多这方面的细节。