第十三章:段落标签,换行标签

段落标签

在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标签 换行标签

静夜思

床前明月光,疑是地上霜。
举头望明月,低头思故乡。

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210907114804352.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L20wXzYwNjMwNDM4,size_16,color_FFFFFF,t_70) 浏览器预览效果如图4-9所示。8所示。 分析 从上面两个例子可以明显看出:使用p标签会导致段落与段落之间有一定的间隙,而使用br标签则不会。 br标签是用来给文字换行的,而p标签是用来给文字分段的。如果你的内容是两段文字,则不需要使用br标签换行那么麻烦,而是直接用两个p标签就可以了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值