HTML基本语法

目录

标签

标签区分

标签属性

标签之间对空白换行缩进不敏感

文本的空白折叠现象

---

标签

1. 标签名必须书写在一对尖括号<>内部。
2. 标签分为单标签和双标签，双标签必须成对出现，有开始标签和结束标签。
3. 结束标签必须有关闭符号/。
4. 根据标签内部存放的内容不同，将不同的标签划分为两个级别

存放内容的地方

单标签	双标签
img	h1-h6
br	div
hr	span
	p
	a
	ul+li

标签区分

根据标签的种类区分两个等级，分别是容器级和文本级

容器级：元素内部除了可以存放文本之外，还可以嵌套标签

文本级：元素内部只能存放文本或者文本级标签

容器级标签	文本级标签
div,ol,ul,li,dl,dt,dd,h1-h6	span,img,b,u,i

标签属性

标签属性是标签身上的一些特殊性质，通俗讲，给标签加上某个属性就相当于给标签赋予了职能，前提是标签必须具备这些职能

1. 书写位置：在开始标签或单标签的标签名后面，添加一个空格，空格后面书写属性。
2. 属性包含属性名（key）和属性值（value）两部分，根据英文表示，习惯将属性写法称为键值对写法，标签属性的键值对写法是：k=”v”

我是title">

标签之间对空白换行缩进不敏感

文字的位置不会根据书写标签位置决定，而是根据标签的种类决定

1. 标签与其他标签之间对空白、换行、缩进等不敏感，有没有空白不影响浏览器加载效果
2. HTML语法中，认识标签的开始和结束，不论有没有换行都只认标签开始结束
3. 标签之间还认识嵌套关系
4. 在书写过程中，为了让代码是容易解读的，建议进行合理的换行和缩进
5. 在上传代码过程中，为了提高传输速度，可以将代码进行压缩，删除多余的空白，目的就是问了压缩文件的大小

文本的空白折叠现象

在普通文字之间，如果有空格、换行、缩进导致的空白，在浏览器中加载时会被折叠成一个空格显示，这就是空白折叠现象

一些空白要想在浏览器中正常显示，需要使用一些替换写法书写不同的空白。

空格：可以使用字符实体替换书写，在代码中书写   替换空格

换行：可以使用br单标签进行书写

        你好                           我是靓仔

上面你好之后的多个空格会被折叠为一个空格，这种现象叫做空白折叠现象 

注意：如果需要给文本增加多个空格需要使用字符实体 

        你好       我是靓仔

（部分文案参照马士兵教育相关课程）