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>
This is a heading
Document content goes here.....
HTML标签
如前所述,HTML是一种标记语言,它使用各种标记来格式化内容。 这些标签包含在角撑括号<标签名称>中。 除少数标签外,大多数标签都有相应的结束标签。 例如,<html>有结束标记</ html>,<body>标记有结束标记</body>标记等。
上面的HTML文档示例使用以下标记−
序号 | 标签 & 描述 |
---|---|
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> etc. |
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>
我们将在后续章节中研究所有标题和正文标记,但现在让我们看看什么是文档声明标记。
<!DOCTYPE>声明
Web浏览器使用<!DOCTYPE>声明标记来了解文档中使用的HTML版本。 当前版本的HTML为5,它使用以下声明 - −
<!DOCTYPE html>
还有许多其他声明类型可以在HTML文档中使用,具体取决于使用的HTML版本。 在讨论<!DOCTYPE ...>标记以及其他HTML标记时,我们会看到更多有关此内容的详细信息。