HTML 元素

学习任何语言时，都要从其成分开始。HTML 语言也不例外，它有自己的组件，没有它你就无法继续前进。本课将涵盖所有基本的 HTML 元素，并解释在代码中使用它们的所有复杂性。

HTML 元素

HTML 元素就像 ABC 一样简单。大多数 HTML 元素从开始标记开始并以结束标记结束，仅包括这些标记之间的内容。

这是 HTML 元素的示例：

<h1>My First Heading</h1>

但是，有些元素足够自给自足，不需要结束标记。

不要忘记使用开闭尖括号并省略每个标签内部和之间的间距

结束标签

不同的资源将其称为“结束”或“结束”标签，这是公平的，因为它结束了 HTML 元素。结束标记和开始标记之间的唯一区别是第一个括号后面的正斜杠。确保括号、标签名称和正斜杠之间没有任何空格。

标签与元素

从技术上讲，HTML 元素是开始标记、其属性、结束标记以及介于两者之间的所有内容的集合。但是，在通常的用法中，术语“HTML 元素”和“HTML 标签”是可以互换的，所以当我们谈论标签时，我们指的是元素，反之亦然。

开始标签

开始标签，也称为开始标签，是打开 HTML 元素的标签。它由打开和关闭尖括号以及它们之间的标签名称组成。空白是视觉设计的核心部分，但忘记调整标签内的间距——它们应该像拥挤的公共汽车上的乘客一样被压缩。

元素内容

HTML 元素内容是开始和结束标记之间的所有内容。如果是标题——<h1>Hello, World!</h1>文本“Hello, World!” 是内容，用户会将其视为页面的主标题。但是，元素内容的某些部分可能对查看者不可见。例如，如果它是一个<title>元素，它只会出现在浏览器标签栏和搜索结果中。

空 HTML 元素

另一种类型的元素是空的或自闭合的 HTML 元素。就像甜甜圈一样，里面是空的。它们没有要显示的任何内容，也不需要结束标记。此规则的一些示例包括<br>定义文本段落之间换行符的<img>元素或将图像插入文档的元素。

<br> 用于换行的标签

如果您在网页上写一首诗或一个地址，您可能需要将文本分成多行。这里是 HTML<br>元素。它产生一个换行符，在 之后<br>，每一行都以一个大写字母开头。请记住，该<br>元素是一个没有结束标签的空元素。

块级元素

网页上的每个元素都有一个默认显示值，具体取决于它是什么类型的元素。第一种类型称为块级，生成一个（通常是不可见的）矩形框。块级元素占据一行的整个长度，元素前后有一个换行符。常见的例子包括段落元素<p>、标题元素和分区元素。 <h1> <h6><div>.

内联级元素

与块级元素相比，具有行内显示值的元素不会形成新的内容块——相反，它们会修改行内的内容。[2] 另外，它们不会从新行开始，而是占据足够的位置来适应。例如，粗体<b>和斜体<i> 标签是内联标签——它们只会更改其中的文本，而不会强制换行。

不要错过斜线

就像您在离开家之前确保随身携带钥匙、钱包和电话一样，请记住检查您的标签是否也有他们需要的一切。忘记斜线或整个结束标记不会是世界末日，但内容可能看起来不像您想要的那样。

嵌套的 HTML 元素

就像俄罗斯套娃一样，一些 HTML 元素可以包含其他元素，我们将它们描述为“嵌套”。在正确的示例中，<div>定义 HTML 文档中的分部或节的元素包含<p>元素 — 文本中的段落。确保将嵌套元素放置在“父”的开始和结束标记之间。

可以有多个嵌套级别，并且元素及其父元素和子元素之间的关系创建了一个层次结构。理解这种关系很重要，因为后代元素通常从其父元素继承行为和样式。

不要忘记结束标签

不要忘记结束标签

在大多数情况下，即使您忘记了结束标签，HTML 页面看起来也非常好，但安全总比后悔好。不关闭标签可能会导致浏览器不兼容和页面呈现不正确。所以不要寻找诸如节省几个字节之类的蹩脚借口——关闭你的标签，让你的网站与任何浏览器兼容。

以上内容为转载