html标签各属性之间用空格隔开对吗,03-HTML标签（二）

一、HTML常用标签

1、排版标签

排版标签主要和css搭配使用，显示网页结构的标签，是网页布局最常用的标签。

1.1、标题标签 h1 ~ h6

单词缩写： head 头部. 标题

为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题。

语义：

作为标题使用，并且依据重要性递减

语法：

标题文本

标题文本

标题文本

标题文本

标题文本

标题文本

效果：

h1 ~ h6标签

小结 :

加了标题的文字会变的加粗，字号也会依次变大

一行是只能放一个标题的

1.2、段落标签 p

单词缩写： paragraph 段落 [ˈpærəgræf]

语义：

可以把 HTML 文档分割为若干段落

在网页中要把文字有条理地显示出来，离不开段落标签，就如同我们平常写文章一样，整个网页也可以分为若干个段落，而段落的标签就是

语法：

文本内容

是HTML文档中最常见的标签，默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。

1.3、水平线标签 hr

单词缩写： horizontal 横线 [ˌhɔrəˈzɑntl]

语义：

在网页中常常看到一些水平线将段落与段落之间隔开，使得文档结构清晰，层次分明。这些水平线可以通过插入图片实现，也可以简单地通过标签来完成，

---

就是创建横跨网页水平线的标签。

语法：

---

是单标签

效果：

hr标签

1.4、换行标签 br

单词缩写： break 打断，换行

语义：

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

语法：

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

1.5、div 和 span标签

div 就是 division 的缩写 分割，分区的意思

span 跨度，跨距；范围

语义：

div span 是没有语义的 是我们网页布局主要的2个盒子 想必你听过 css+div

语法：

这是div标签

这是span标签

他们两