【HTML】标记？标签？HTML元素？

【前言】
本系列为个人前端学习之路的学习笔记，在过往的学习过程中累积了很多笔记，如今想藉着IT邦帮忙这个平台做整理+再复习。
本系列标题一律以【】标示该篇文章主要涉及的内容，例如【JavaScript】、【Vue】等等。
若内容有误，还麻烦各路大神不吝於点出问题，感激不敬。

HTML是超文本「标记」语言

HTML全称为Hypertext Markup Language，是一种超文本标记语言（并非程序语言）
其中最重要的，就是标记（markup）
标记代表把文字标记（markup）起来，赋予某种特性，而细节上去赋予各种不同的特性则为标签（tag）

以常见< h1 >为例
h1这两个字元本身在最原初的情况下，并不具有任何的意义
而HTML作为标记语言，透过「标记（markup）」这个行为将各种单字「标记」成特殊的语意
例如h1这两个字元代表了一个「最重要的标题」的意义

HTML将各种单字「标记」成特殊的语意，但是浏览器在读HTML档案时，仅仅看到h1是读不懂的
为了能让浏览器好好的理解HTML档案的内容，这些标记过後的字元以「标签（tag）」的形式来实践
例如h1变成了有包含角括号< h1 >，这样浏览器就不会和一般文章中的h1搞混了

到此，大概可以理解标记（markup）与标签（tag）之间的关系

在撰写HTML原始码的时候，我们通常是使用包含角括号的「标签（tag）」来表达各种语意
例如用< h1 >表达这段内容是这个网页最重要的东西

<h1>我是标题</h1>

< h1 >是一个HTML「标签」，而< h1 >有「开始标签」和「结束标签（</ h1 >）」
HTML元素则是指「< h1 >中间内容< /h1 >」这个整体，即包含开始标签、结尾标签和被两者包裹住的内容

并非每个HTML标签都有开始标签和结束标签，例如< img >就没有

<img src="...">

这种类型的HTML标签被称为「空元素」，是不需要结尾标签的
同样是空元素的还有：< br >、< hr >......等等