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>
相关推荐
WebDeveloper20011 小时前
如何使用美国域名中心US Domain Center和WordPress创建商业网站
运维·服务器·css·网络·html
真的很上进5 小时前
如何借助 Babel+TS+ESLint 构建现代 JS 工程环境?
java·前端·javascript·css·react.js·vue·html
Hello_WOAIAI8 小时前
批量将 Word 文件转换为 HTML:Python 实现指南
python·html·word
GISer_Jing11 小时前
2025年前端面试热门题目——HTML|CSS|Javascript|TS知识
前端·javascript·面试·html
坐望云起11 小时前
什么是WebAssembly?怎么使用?
html·web·wasm·js
LOVE️YOU12 小时前
HTML&CSS&JavaScript&DOM 之间的关系?
前端·javascript·css·html
好开心3313 小时前
axios的使用
开发语言·前端·javascript·前端框架·html
m0_7482500316 小时前
Web 第一次作业 初探html 使用VSCode工具开发
前端·html
机器视觉李小白16 小时前
使用 HTML 和 CSS 实现绚丽的节日烟花效果
css·html·烟花·节日·节日祝福
℘团子এ19 小时前
js和html中,将Excel文件渲染在页面上
javascript·html·excel