四、HTML的语法

1、标签对换行和空格不敏感，对标签嵌套敏感

为保证我们代码的可读性强，需要对我们的标签进行合理的缩进

2、空白折叠现象

在普通文本内部：如果有空格、缩进、换行，将这些空白区域折叠成一个空格显示在浏览器里。

3、HTML标签

标签：也叫做标记

（1）标签必须写在一对尖括号里<p>
（2）双标签必须成对出现<p></p>
（3）结束标签必须写/
（4）标签分类：
  容器级：
    内部可以放置嵌套任意类型的标签，甚至是容器级标签 div  h系列
  文本级：
    只能放文字、图片、表单元素、废弃文字修饰标签等，不能放容器级标签。 P标签。

4、head标签

文档的头部描述了文档的各种属性和信息，包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在 head 部分：

<head>
    <title>...</title>
    <meta>
    <link>
    <style>...</style>
    <script>...</script>
</head>

5、title标签：

在<title>和</title>标签之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么，搜索引擎可以通过网页标题，迅速的判断出网页的主题。每个网页的内容都是不同的，每个网页都应该有一个独一无二的title。

例如：

<head>
    <title>hello world</title>
</head>

<title> 标签的内容“hello world”会在浏览器中的标题栏上显示出来

5、标签属性

每一个标签都有自己特定的属性

属性都有属性值，属性名k(key)，属性值v(value),键值对写法:

（1）属性书写在标签的起始标签内部，与标签名之间用空格隔开，属性与属性之间也用空格隔开
（2）键值对书写格式：k=”v”   中间不能有空格
    <p class=”duanluo” id=”op”>p</p>
（3）属性值必须用双引号包裹，XHTML严格要求使用双引号
（4）标签属性值可以有一个或者多个，多个属性值之间用空格隔开，全部必须在引号内部
    <p class=”duanluo ps para” id=”op”>p</p>

6、了解HTML的代码注释

代码注释的作用是帮助程序员标注代码的用途，过一段时间后再看你所编写的代码，就能很快想起这段代码的用途。

代码注释不仅方便程序员自己回忆起以前代码的用途，还可以帮助其他程序员很快的读懂你的程序的功能，方便多人合作开发网页代码。
语法：

<!--注释文字 -->