html 换行 br

br：barter rabbet，换行。

1 语法

推荐HTML5的规范写法：

<br>

标签属于单标记标签，不需要结束标记。

HTML4的规范写法，目前已不推荐：

<br />

2 示例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>标签br 演示 | 关关教程</title>
</head>

<body>
    <p>第1段<br>在小小的花园里面，挖呀挖呀挖，<br>种小小的种子，开小小的花。</p>
    <p>第2段
        在大大的花园里面，挖呀挖呀挖，
        种大大的种子，开大大的花。</p>   
</body>

</html>

运行效果

代码说明

1）第1段通过<br>标签换行，网页显示换行成功。

2）第2段代码里直接换行，HTML会把代码里的换行、空隔、连续多个换行或空隔解析为一个空隔，网页仅显示一个空格。

3 注意事项

不要滥用br标签实现空白间距。它无法精确控制距离到1个像素。

实际项目里，布局的空白间距通常通过盒子模型来实现。

❮上一节 html 段落 p 下一节 html 行内标签 span❯

第02章 html 简单标签

html 换行 br

1 语法

2 示例

3 注意事项

html教程