当前位置:网站首页 > 网站建设教程 > HTML教程 > 正文

零基础HTML入门教程(11)——换行br

教程管理员 发布于2023-09-25 19:10 HTML教程 141

简介: br 标签是空标签(意味着它没有结束标签,因此这是错误的:有开有闭合的br。在 XHTML 中,把结束标签放在开始标签中,也就是 br/。请注意,br 标签只是简单地开始新的一行,而当浏览器遇到 p 标签时,通常会在相邻的段落之间插入一些垂直的间距。我们上一小节学习了img图像,我们这一小节学习一下新的标签br换行标签,并且熟练使用。我们可以看到加br的哪行代码下面,行内块本应该不换行,但是加完br之后换行了。本小结我们学习了br这个标签他可以起到强制换行的作用,我们要合理熟练使用。

本章目录

    • 1.任务目标
    • 2.br换行标签
    • 3.代码演示
    • 4.小结

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>

效果如下:

image

我们可以看到加br的哪行代码下面,行内块本应该不换行,但是加完br之后换行了。

4.小结

本小结我们学习了br这个标签他可以起到强制换行的作用,我们要合理熟练使用。


琼ICP备09004296号-12