3-html基本语法

html基本语法

1、标签

1. 标签名必须书写在一对尖括号<>内部。

2. 标签分为单标签和双标签，双标签必须成对出现，有开始标签和结束标签。

3. 结束标签必须有关闭符号/。

4. 根据标签内部存放的内容不同，将不同的标签划分为两个级别

<h1>存放内容的地方</h1>

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

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

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

2、标签属性

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

1. 书写位置：在开始标签或单标签的标签名后面，添加一个空格，空格后面书写属性。

2. 属性包含属性名（key）和属性值（value）两部分，根据英文表示，习惯将属性写法称为键值对写法，标签属性的键值对写法是：k=”v”

<a href="www.baidu.com" title="我是title"></a>

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

文字的位置不会根据书写标签位置决定，而是根据标签的种类决定（块级还是行内级，后面CSS课程中讲）

1. 标签与其他标签之间对空白、换行、缩进等不敏感，有没有空白不影响浏览器加载效果

2. HTML语法中，认识标签的开始和结束，不论有没有换行都只认标签开始结束

3. 标签之间还认识嵌套关系

4. 在书写过程中，为了让代码是容易解读的，建议进行合理的换行和缩进

5. 在上传代码过程中，为了提高传输速度，可以将代码进行压缩，删除多余的空白，目的就是问了压缩文件的大小

4、文本的空白折叠现象

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

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

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

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

<p>
        你好                           我是张三
</p>

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

如果需要给文本增加多个空格需要使用字符实体&nbsp;

<p>
        你好&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我是张三
</p>