HTML标签教程

*发表于 2021-12-1 11:09:50* · 发表于 2021-12-1 11:09:50

关于 HTML 标签
上面的代码是一个基本网页的例子。它包含被HTML 标签包围的文本。HTML 标签定义页面上出现哪些 HTML 元素。

您构建的任何网页几乎肯定会以上述 HTML 元素开始。然后，您可以根据需要添加更多元素，例如图像、表单、表格等。

我们将在本教程中添加更多 HTML 标签。

如果您想知道，HTML代表超文本标记语言——它是描述网页结构和含义的语言。

使用 HTML 标签
HTML 元素通常由开始和结束标记组成。结束标记与开始标记相同，但在标记名称之前插入了一个正斜杠。所以一个段落的开始标签看起来像这样<p>，它的结束标签看起来像这样</p>。任何内容都插入在开始和结束标记之间。

像这样：

<p>Content goes here...</p>

您可能已经注意到浏览器不显示实际标签。但这并不意味着它会忽略标签。浏览器解释标签以确定向用户显示什么。因此<h1>，例如，当它看到被标签包围的文本时，它知道将该文本显示为一级标题。如果它看到<p>标签，它会显示一个段落。像这样：

一些 HTML 元素只有一个开始标签。这些被称为空元素。例如，换行元素是一个空元素。正如你在这里看到的，它没有结束标签：

void 元素上不允许有结束标签——它们必须只有一个开始标签。

但是，在某些情况下可以省略某些（非空）元素的开始和/或结束标记。但这是可选的。围绕此的规则非常复杂，并且取决于所涉及的标签，因此除非您知道自己在做什么，否则仅使用开始和结束标签通常更安全。

示例网页解释
如果您有兴趣，这里是顶部示例网页上 HTML 标记的说明。别担心，现在不需要记住所有这些 - 你可以随时回来。

<!DOCTYPE>
表示文档类型。只能出现一次，在页面顶部（在任何 HTML 标签之前）。所有 HTML5 文档都应<!doctype html>位于页面顶部。严格来说，<!DOCTYPE>它不是一个元素——它只是一个必需的序言。

<html>
表示 HTML 文档的根。它是包含所有其他 HTML 元素的容器。因此，它必须首先出现（除了<!DOCTYPE>位于打开 HTML 元素之前的）。

<head>
表示 HTML 文档的“头部”。它包含一组元数据内容（即设置文档其余部分的表示或行为的内容），例如文档的标题、元描述、样式表、脚本等。

<title>
表示 HTML 文档的标题或名称。该<title>元素的内容通常显示在浏览器的标题栏。它也经常在上下文之外显示，例如在浏览器书签和搜索结果中。出于这个原因，<title>即使在脱离上下文的情况下，标签也应该用于提供标识文档的标题。

<body>
此元素用于声明 HTML 文档的主要内容部分。大多数网页内容插入在开始和结束<body>标记之间。

<h1>
表示 1 级标题。这是所有 HTML 标题的最高级别。标题范围从<h1>（排名最高）到<h6>（排名最低）。

<p>
代表一个段落。要添加新段落，只需将新段落插入一组新<p>标签即可。