HTML是超文本标记语言的缩写,是你在互联网上看到的每一个网页背后的骨干语言,用于构建网页的结构。它不是一种典型的编程语言,而是一种标记语言,因为一组被称为 "标签"的特定指令被用来构建网页的元素。
什么是元素?
元素是一个部分,可以是一大块文字、图像或其他类似的东西。使用不同的标签及其属性,可以使这些内容以某种方式出现在网页上。
什么是标签?
标签是一个特定的字母,或字母的组合,或字母和数字的组合,它们被包在角括号内。例如,p、h1等。
一个HTML元素的结构模式
一个元素的结构包括
- 开头标签
- 内容
- 结尾标签
例子
<p> This is my first paragraph</p>
无效/空洞的元素
有一些元素并不遵循开头标签、后面是内容、后面是结束标签的结构模式。这类元素被称为 "虚"或 "空 "元素,它们使用一个标签,大多数情况下用于在HTML文档中插入一些内容。
比如说:
<img src="https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png">
HTML标签的大小写敏感度
HTML标签是不分大小写的。例如,插入**、或**作为标签,会得到相同的结果。然而,在整个HTML文档中使用小写字母被认为是最好的方法,因为它确认了一致性。
嵌套标签
标签可以被放置在其他标签的内容中。这被称为 "嵌套"。例如,如果有一个段落 "COVID-19是一种致命的疾病",而 "致命"一词要通过加粗来强调,我们可以在段落标签<p>中使用<strong>标签。
<p>COVID-19 is a <strong>deadly</strong> disease.</p>
结果会是这样的:

这里应该确保的一点是,在嵌套的情况下,放在另一个标签内容内的标签应该先适当关闭,然后再使外部标签关闭。如在上面的例子中,<strong>是在段落标签</p>结束之前关闭的。
下面的代码不是正确的嵌套方式。
<p>COVID-19 is a <strong>deadly disease.</p></strong>
元素的属性。
元素可以有不同的属性,这些属性包含一些关于元素的额外信息,这些信息不在网页上显示,但它们的效果在那边可以看到。一个属性由以下两点组成。
- 属性名称
- 属性值
一个属性被放置在起始标签中。比如说。
<p class="editor-note">I am disappointed in you, my friend.</p>
这里,"class"是一个涉及内容风格的属性名称,而 "editor-note"是属性值。如果人们想插入一个以上的属性,这些属性也将用空白隔开。
布尔属性(Boolean Attribute)。
有一些属性是没有任何值的。这些被称为布尔 属性,实际上是二进制的,这种属性一次只能有一个值。大多数时候,它们的名称和值都是一样的。例如,在下面的代码中,"disabled "就是这样一个属性,如果没有任何人可以与输入交互的意图,它就会被设置。
<input type="name" disabled="disabled">
HTML中的空白处。
在代码中插入多少个空白并不重要,HTML解析器会把所有的空格当作一个空格。因此,无论是插入一个空格还是多个空格,甚至是换行,都没有什么区别。然而,可读性肯定是这里可以考虑的方面。
<p>I have visited London, New York, Sydney, and Toronto.</p>
<p>I have visited
London,
New York,
Sydney,
and Toronto.</p>
HTML注释。
浏览器忽略了HTML代码中的注释,所以注释对用户来说是看不见的。插入注释的主要目的是在那里写一些相关的说明,这样,如果代码在很长一段时间后被返回,就可以很容易地理解它。
要写注释,就需要用<!--和->来包围文本。比如说。
<p>This is not a comment.</p>
<!-- <p>This is a comment.</p> -->
结语
HTML是超文本标记语言(Hypertext Markup Language)的首字母缩写,是网页背后的骨干语言,用于赋予网页结构。整个语言是由一组被称为 "标签"的命令控制的,这些标签用于网页上的元素应该出现的方式。每个元素都有特定的解剖结构,除了少数几个之外,所有的内容都被包围在开头和结尾的标签中。一个元素可以有自己的属性,帮助人们添加一些额外的信息,使一个元素以某种方式出现在网页上。