（一）HTML标签语法

小白学前端0基础20210728（HTML标签语法）

语法

1.标签必须书写在一堆尖括号<>内部
2.标签分为单标签和双标签，双标签必须成对出现
3.双标签包含开始标签和结束标签，结束标签必须书写关闭符号/，单标签也需要进行自封闭书写。在HTML5中，单标签可以不写关闭符号

<div> </div>   </br>

元素

1.HTML元素是指从开始标签到结束标签中的所有内容，包含开始标签、元素内容、结束标签

<p>元素内容</p>

2.元素内容可以是纯文本，也可以是其他标签，这种元素内容包含一个或多个其他HTML元素的情况，叫做嵌套

<div>
	<p>元素内容</p>
	<h3>标题内容</h3>
<div>

3.标签可以分为文本级标签和容器级标签，容器级标签中可以放置任意内容），文本级标签中只能放文字或类似文字的内容（如图片、表单元素等）以下错误标签，在浏览器中会被自动补齐

<p><h3>标题内容</h3></p>

<p></p><h3>标题内容</h3><p></p>

4.元素间对空格、换行、缩进等操作形成的空白不敏感，有无空白在浏览器中加载的效果没有影响

5.空白折叠现象：元素内容如果是文本，所有文字（类似文字内容）之间如果出现空格、换行、缩进等空白字符，在浏览器中加载时，连接在一起的空白会折叠成一个空格

<p>空白           折叠</p>

属性

1.属性书写，必须写在双标签的开始标签内、标签名之后的位置，单标签标签名之后，用空格与标签名隔开
2.属性包含：属性名和属性值 是一对键值对（key:value）。HTML标签属性值的键值对写法是key=“value”，属性值必须在双引号内部

<div class="top" id="first"></div>

3.一个属性可以有多个属性值

<div class="red top small"></div>