HTML段落,换行,水平线标签与其属性

段落标签

段落标签是通过<p> </p>来定义的。

复制代码
</head>
<body>
    <p>这是一个段落</p>
</body>
</html>

换行标签

换行标签通过<br>来定义,换行标签可以在不产生新的段落的情况下进行换行操作。

html 复制代码
</head>
<body>
    <p>这是<br>一个<br>段落</p>
</body>
</html>

注意:换行标签是一个空的HTML元素,也就是一个单标签。

水平线标签

水平线标签通过<hr>来定义,其可以在HTML页面上创建水平线。

<hr>标签具有四个属性。

color=" " 设置水平线的颜色

width=" " 设置水品线的长度(单位为px)

size=" " 设置水平线的高度(单位为px)

align="left/center/right " 设置水平线的对齐方式(letf为居左,center为居中,right为居右,默认为居中)

java 复制代码
</head>
<body>
    <hr color="red" width="100px" size="20px" align="left">
    <hr color="red" width="100px" size="20px" align="center">
    <hr color="red" width="100px" size="20px" align="right">
</body>
</html>
相关推荐
代码游侠6 小时前
应用——Web服务器项目代码解析
运维·服务器·开发语言·前端·笔记·html
松涛和鸣10 小时前
45、无依赖信息查询系统(C语言+SQLite3+HTML)
c语言·开发语言·数据库·单片机·sqlite·html
PieroPc11 小时前
用FastAPI 后端 和 HTML/CSS/JavaScript 前端写一个博客系统 例
前端·html·fastapi
名字越长技术越强11 小时前
html\css\js(一)
javascript·css·html
hunter145011 小时前
2026.1.4 html简单制作
java·前端·笔记·html
前端小脑虎1 天前
2026版最新 HTML零基础小白完整版学习指南(通俗易懂+条理清晰+企业主流技术)
html
释怀不想释怀1 天前
vue布局,动态路由
前端·html
梦帮科技1 天前
第三十四篇:开源社区运营:GitHub Stars增长策略
开发语言·前端·爬虫·python·docker·架构·html
程序员刘禹锡1 天前
定位与图标字体知识点全解析!!!(12.31)
前端·css·html·css3
json{shen:"jing"}1 天前
06_事件处理
前端·javascript·html