## **标题标签** ``` <h1>标题文本</h1> <h2>标题文本</h2> <h3>标题文本</h3> <h4>标题文本</h4> <h5>标题文本</h5> <h6>标题文本</h6> ``` h1 - h6 ,h1最大，h6最小，浏览器会将内部的信息编译为一个标题。 h1 标签因为重要，尽量少用， 一般h1 都是给logo使用。 ## **段落标签** 单词缩写： paragraph 段落 ``` <p> 文本内容 </p> ``` 在网页中要把文字有条理地显示出来，离不开段落标签，就如同我们平常写文章一样，整个网页也可以分为若干个段落。段落的标签是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。 ``` <p align="left">大家上午好</p> 左对齐 <p align="center">大家上午好</p> 居中对齐 <p align="right">大家上午好</p> 右对齐 ``` ## **换行标签** 单词缩写： break 打断 ,换行 在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后自动换行。如果希望某段文本强制换行显示，就需要使用换行标签 ``` <br /> 我们的单标签没有结束 直接开始反斜杠结束，放在文字的后面 ``` ## ** 水平线标签** 单词缩写： horizontal 横线 在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单地通过标签来完成，```<br />```就是创建横跨网页水平线的标签。其基本语法格式如下： ``` <hr width="400px" color="red" size="1px" />是单标签 width---线的宽度、color---线的颜色、size---线的大小（粗细） ``` ## **盒子标签** div标签----大盒子，没有固定定义，就是一个容器、一个大盒子，可以用来承载任何的内容和标签，经验：用来给网页分区； span标签-----小盒子，也是一个容器，一般用来承载文字或者小图片。（span自身的语义较轻。） 语法格式： ``` <div> 这是头部 </div> <span>今日价格</span>