# 什么是HTML?
HTML(Hyper Text Markup Language——超文本标记语言)它是一门定义网页结构和内容的标记语言。它由一系列的标记(如下方中的<h3>、<ul>、<li>等)
组成,这些标记通过包围不同的内容从而形成各种各样的元素(如下方中的<h3>...</h3>、<li>...</li>等)
,这些元素它定义了网页内容的含义和结构从而形成HTML文档。在这些元素中有一个元素极为重要——超文本(超链接)
,在HTML中它由<a>
标记体现,它使得HTML文档产生了联系,并且能相互跳转,也正因有了超文本(超链接)
的概念才形成了如今的万维网世界。
注意
HTML并非一门编程语言,它仅是用于定义内容与内容结构的标记语言
# 超文本
超文本是指连接单个网站内或多个网站间的网页的链接,它使得HTML文档产生了联系,并且能相互跳转
。虽然它在HTML文档中仅是一个元素(由<a>
标记体现),但它在HTML甚至Web中却是一个非常重要的概念,也正因有了超链接的概念才形成了如今的万维网世界。
# 标记
HTML中有着许多不同的标记,它们定义了内容的含义,例如代表图片的<img>标记
、代表一级标题的<h1>标记
、代表超链接的<a>标记
等等。这些不同的标记包围着不同的内容便组成了各种各样的元素
,这些元素便表明了网页内容的含义和组织结构。
一级标题
超链接# 元素
元素由不同的标记包围着不同的内容组成,不同的标记组成的元素则能表达出内容的含义
(这个元素是一张图片,一段文字或一个视频),而通过元素的排列顺序与嵌套则能表达出内容的组织结构
。
我与他的对话
我:我非常 愤怒😡,你知道吗?
他:是吗?不好意思😣
我:你不给我道歉吗🤔?
他:对不起😥
# 元素的组成
HTML中大多数元素由开始标记
、结束标记
与内容
组成
- 开始标签(Opening tag):包含标记的名称(本例为 h3),被左、右角括号所包围。表示元素从这里开始或者开始起作用
- 结束标签(Closing tag):与开始标签相似,只是其在元素名之前包含了一个斜杠。这表示着元素的结尾
- 内容(Content):元素的内容,本例中就是所输入的文本本身。
有些元素只有开始标签,通常用来在此元素所在位置插入/嵌入一些东西。例如:元素img是用来在元素img所在位置插入一张指定的图片。
# 元素的嵌套
你可以把元素放到其它元素之中——这被称作嵌套,通常我们使用嵌套元素来组织HTML文档的内容结构。嵌套的外层元素是内层元素的父元素
,内层元素是外层元素的子元素
,下面例子中<p>元素是<strong>、<em>元素的父元素,<strong>、<em>元素是<p>元素的子元素
。
我真的好帅 绝对帅
你需要确保元素被正确的嵌套,下面为正确的嵌套格式,嵌套没有层数与元素个数的限制,理论上你可以无限嵌套下去
。
<父元素的开始标签>
<子元素的开始标签></子元素的结束标签>
<子元素的开始标签></子元素的结束标签>
<子元素的开始标签>
<子元素的开始标签></子元素的结束标签>
</子元素的结束标签>
</父元素的结束标签>