零基础HTML教程(15)--br标签:换行,重新开始

1. 引子

人生往往不需要太复杂,很多时候,断舍离可能是更好的生活方式。

就拿装修来说,客厅简简单单摆个沙发、茶几、电视柜就可以了,如果密密麻麻反而容易让人心烦意乱。

在这里插入图片描述

比如说交友,过多的朋友和应酬会消耗人的精力,实际上我们需要的可能是那么一两个知心朋友。

写文章也是如此,一句话意思表达明白了,就可以换行结束了。

2. 网页的换行

我们之前学习过<div>标签,该标签会独占一块,在后面会产生换行效果。

我们也可以直接使用换行标签<br>,该标签的作用就是立即生成一个换行。

3. 换行三剑客

目前学过的p、div、br标签都可以换行,但是前两者成对使用,必须有开始标签和结束标签,而br可以单独使用。

比如我们想写一首诗,让诗歌的每一句都独占一行,此时我们可以用<div>标签如下实现:

 	<div>假如生活欺骗了你</div>
    <div>不要悲伤,不要心急</div>
    <div>忧郁的日子里需要寂静</div>
    <div>相信吧,那快乐的日子即将来临</div>

效果如下:
在这里插入图片描述

如果使用换行标签,代码如下:

  	假如生活欺骗了你<br>
    不要悲伤,不要心急<br>
    忧郁的日子里需要寂静<br>
    相信吧,那快乐的日子即将来临<br>

效果如下,可以发现,跟上面使用div的效果是一样的。
在这里插入图片描述

4. 小结

虽然br跟div功能差不多,但是br还是有个优势的——代码量少啊。

在实际网页开发中,div和br用途还是有不小区别的,div用于划分区域,而br是在一个区域内产生一个换行的效果。

当然初学者阶段,了解一下就足够了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员大阳

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值