本章目录
1.任务目标
我们上一小节学习了img图像,我们这一小节学习一下新的标签br换行标签,并且熟练使用。
2.br换行标签
br 可插入一个简单的换行符。
br 标签是空标签(意味着它没有结束标签,因此这是错误的:有开有闭合的br。在 XHTML 中,把结束标签放在开始标签中,也就是 br/。
请注意,br 标签只是简单地开始新的一行,而当浏览器遇到 p 标签时,通常会在相邻的段落之间插入一些垂直的间距。
3.代码演示
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <span>我是第一个span</span> <br> <span>我是第二个span</span> <span>我是第三个span</span> </body> </html>
效果如下:
我们可以看到加br的哪行代码下面,行内块本应该不换行,但是加完br之后换行了。
4.小结
本小结我们学习了br这个标签他可以起到强制换行的作用,我们要合理熟练使用。