段落标签
在HTML中,我们可以使用“p标签”来显示一段文字。
语法
段落内容
举例爱莲说
水陆草木之花,可爱者甚蕃。晋陶渊明独爱菊。自李唐来,世人甚爱牡丹。予独爱莲之出淤泥而不染,濯清涟而不妖,中通外直,不蔓不枝,香远益清,亭亭净植,可远观而不可亵玩焉。
予谓菊,花之隐逸者也;牡丹,花之富贵者也;莲,花之君子者也。噫!菊之爱,陶后鲜有闻;莲之爱,同予者何人? 牡丹之爱,宜乎众矣。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210907114430423.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzYwNjMwNDM4,size_16,color_FFFFFF,t_70) 浏览器的预览效果如图4-6所示。分析
从上面的预览效果可以看出,段落标签会自动换行,并且段落与段落之间有一定的间距。
到这里,可能有些小伙伴会问:“如果想要改变文字的颜色和大小,该怎么做呢?”大家别忘了:HTML用于控制网页的结构,CSS用于控制网页的外观。文字的颜色和大小属于网页的外观,这些都是与CSS有关的内容。在HTML学习中,只需要关心用什么标签就行了。对于外观的控制,我们在本书的CSS部分中再给大家详细介绍。
换行标签
从上面我们知道,段落标签是会自动换行的。那么,如果想随意地对文字进行换行处理,可以怎么做呢?大家先来看一段代码。
举例
静夜思
床前明月光,疑是地上霜。举头望明月,低头思故乡。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210907114633427.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzYwNjMwNDM4,size_16,color_FFFFFF,t_70) 浏览器预览效果如图4-7所示。 分析 如果想对上面的诗句进行换行,有两种方法:一种是“使用两个p标签”,另外一种是“使用br标签”。 在HTML中,我们可以使用br标签来给文字换行。其中是自闭合标签,br是break(换行)的缩写。对于自闭合标签,我们在后面“4.7自闭合标签”这一节再给大家详细介绍。 举例:使用两个p标签
静夜思
床前明月光,疑是地上霜。
举头望明月,低头思故乡。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210907114729901.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzYwNjMwNDM4,size_16,color_FFFFFF,t_70) 浏览器预览效果如图4- 举例: 使用br标签静夜思
床前明月光,疑是地上霜。
举头望明月,低头思故乡。