呈现的效果
一句话总结:使用了标题标签的文字会加粗,会根据级别显示文字的大小,并且一行只能放一个标题。
【2】段落标签(p)
- 缩写来源:p标签的英文单词是paragraph,表示段落的意思。
- 语义:p标签可以把html文档分割为若干段落。在网页中要想把文字以段落的形式呈现,并且有条不紊的,那么段落就是必备的标签。
- 语法格式如下:
p标签语法格式
【3】水平线标签(hr)
- 缩写来源:hr的英文单词是horizontal,表示横线的意思。
- 语义:它表示分隔线,用于将文字内容分隔开,让文档结构看起来更加清晰,层次分明。当然在网页中除了使用分隔线(hr)标签来实现,还可以通过图片插入以及CSS样式来实现,只不过使用hr标签是最简单的方式。提示:CSS样式是页面中的重点,此处主要是介绍HTML,因此暂不做详细说明。
- 语法格式:<hr />。
- 标签特点:它是一个单标签,hr标签默认是以水平线的样式进行显示。
【4】换行标签(br)
- 缩写来源:br的英文单词是break,打断、换行的意思。
- 语义:表示换行的意思。在html中,一个段落的文字会从左到右依次排列显示,直到浏览器窗口的最右端,才会自动换行。如果我们在实际开发中碰到需要将文本内容强制换行显示的,此时就可以使用换行标签实现。
- 语法格式:<br />。
- 标签特点:它也是一个单标签。
- 示例:将以下内容通过br标签强制换行
文本
呈现效果:
使用br标签后的效果
【5】div和span标签
- 缩写来源:div的英文是division,表示分割、分区的意思。span没有缩写,表示跨度、跨距和范围的意思。
- 语义:div和span标签,没有任何语言,主要是用于网页布局使用。
- 语法格式:<div>这是一个div盒子</div> <span>这是一个span盒子</span>
- div和span的区别:div标签,主要是用于布局,在没有使用其它干预的情况下,一行只能放一个div。而span标签,也是用来布局,在没有任何其它的干预的情况下,一行上可以放很多span标签。此处的效果,大家可以根据语法,自行在实现查看一下对比效果。
最后给大家来一个完美的总结: