HTML标签-排版标签

我们前面说过，HTML定义网页的结构，CSS给美化页面结构，而HTML网页中任何元素的实现都要依靠HTML标签才能显示。比如，要想在网页中显示图像就需要使用图像标签。接下来这几节课，我们就主要讲解构成HTML结构的元素，也就是HTML标签。

HTML标签有很多，这里我们学习最为常用的，后面有些较少用的，我们可以查下手册就可以了。

排版标签

• 作用

  用于网页布局

标题标签

• 缩写

  head，头部

• 说明

  为了使网页更具有语义化，将标题标签分为六个等级，h1-h6。

• 语法

  <h1>
      一级标题
  </h1>
  <h2>
      二级标题
  </h2>
  <h3>
      三级标题
  </h3>
  <h4>
      四级标题
  </h4>
  <h5>
      五级标题
  </h5>
  <h6>
      六级标题
  </h6>
  

• 效果

• 注意

  h标签只有六个等级

  h标签的语义，作为标题使用，从h1~h6重要性依次递减

  h1 尽量少用，一个页面中一般只有一个，一般用于logo使用

段落标签

• 缩写

  paragraph ，段落

• 说明

  当网页中需要显示一篇完整文章，而整个篇文章又可以分为若干个段落时，每个段落就用p标签包裹。默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。

• 语法：

  <p>
      段落标签
  </p>
  

空标签

也就是我们前面提到的单标签，一个标签符号即可完整地描述某个功能的标签，这里我们主要列举换行标签和水平线标签。

换行标签

• 缩写

  break ，打断，换行

  在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后自动换行。如果希望某段文本强制换行显示，就需要使用换行标签。

• 语法

  <br />
  

  这时如果还像在word中直接敲回车键换行就不起作用了。

水平线标签

• 缩写

  horizontal ， 横线

  为了使文档结构清晰，层次分明，我们看到在一些网页中经常会有一些水平线将段落与段落之间隔开。这些水平线可以通过插入图片实现，也可以简单地通过添加

  ---

  标签来完成。

• 语法

  <hr />
  

• 注意

  为单标签