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

最新推荐文章于 2024-01-21 01:35:23 发布

程序员大宁

最新推荐文章于 2024-01-21 01:35:23 发布

阅读量3.9k

点赞数 2

分类专栏： HTML篇文章标签： html javascript 前端

本文链接：https://blog.csdn.net/weixin_61808806/article/details/128155466

版权

HTML篇专栏收录该内容

23 篇文章 1 订阅

订阅专栏

本章目录

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这个标签他可以起到强制换行的作用，我们要合理熟练使用。

程序员大宁

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
零基础HTML入门教程(11)——换行br

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

扫一扫