HTML_段落与换行-拓冰建站

HTML_段落与换行

段落对齐

<p>标签的align属性控制段落文本对齐方式：

align="left"：左对齐（默认值）
align="center"：居中对齐
align="right"：右对齐
align="justify"：两端对齐（长文本会拉伸填充行宽）

水平线与换行

<hr/>：插入水平分隔线
<br/>：强制换行（行内换行符）

代码细节说明

文档声明<!DOCTYPE html>指定 HTML5 标准
<html lang="en">定义文档语言为英语
标题<title>显示在浏览器标签页
最后一个段落包含长无空格字符串，测试两端对齐效果
hello <br/> world演示行内文本的强制换行效果

浏览器渲染效果

三个段落分别呈现左对齐、居中、右对齐
水平线分隔上方段落与下方内容
两端对齐段落会均匀分布字符间距以填满行宽
"hello" 和 "world" 显示为两行

代码演示：

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>段落和换行</title> </head> <body> <p align="left">这是一个段落</p> <p align="center">这是另一个段落</p> <p align="right">这是第三个段落</p> <hr/> <p align="justify">zheshiyige111111111111111111111111111111111111111111111111111111111111111111111</p> hello <br/> world </body> </html>

总结

<p>标签用于定义语义化段落，通过align（或 CSStext-align）控制对齐，段落间自动生成空行；
<br/>是单标签，用于同一文本块内的强制换行，无额外空行，避免滥用；
现代开发建议用 CSS 替代align等原生属性，实现结构与样式分离，提升代码可维护性。