零基础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>