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>
相关推荐
我命由我123457 小时前
React - BrowserRouter 与 HashRouter、push 模式与 replace 模式、编程式导航、withRouter
开发语言·前端·javascript·react.js·前端框架·html·ecmascript
我命由我1234510 小时前
React - React 配置代理、搜索案例(Fetch + PubSub)、React 路由基本使用、NavLink
开发语言·前端·javascript·react.js·前端框架·html·ecmascript
reasonsummer10 小时前
【白板类-01-01】20260326水果连连看01(html+希沃白板)
前端·html
dear_bi_MyOnly11 小时前
【 HTML + CSS + JavaScript 学习速通 max】
javascript·css·学习·html·学习方法
星空11 小时前
css+html案例
css·html·css3
Dxy123931021612 小时前
html鼠标定位线
前端·html·计算机外设
Dxy123931021612 小时前
HTML 如何随时保存用户操作数据:防止刷新丢失的完整指南
前端·html
Dxy123931021613 小时前
前端函数设计指南:从 HTML 中的 JavaScript 函数到模块化实践
前端·javascript·html
Amctwd13 小时前
【Android】将 html 打包为 apk
android·html·harmonyos
xingyynt1 天前
【HTML+CSS】使用HTML与后端技术连接数据库
css·数据库·html