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>
相关推荐
jackyrongvip7 小时前
开源一个可以把HTML敏感词替换的页面小工具
开源·html·敏感词·ai脱敏
@Mike@1 天前
HTML核心知识点笔记
前端·笔记·html
IMPYLH1 天前
HTML 的 <figcaption> 元素
前端·html
IMPYLH1 天前
HTML 的 <figure> 元素
前端·javascript·html
richdata2 天前
动态OTB vs 静态OTB:鞋服零售该选哪种管理模式?
前端·html·零售
FungLeo2 天前
Flutter Web 中文字体困境与渲染器选择:CanvasKit vs HTML renderer 实战
前端·flutter·html
3A Cloud2 天前
从王虹的手写报告到可运行的 HTML 幻灯片:拆解 z-wanghong-handwritten-ppt
前端·人工智能·笔记·信息可视化·html·powerpoint·ppt
IMPYLH2 天前
HTML 的 <embed> 元素
前端·数据库·html
必须会一定会2 天前
用纯 HTML/JS 做一个 AI 需求澄清器:把模糊想法转换成可执行任务书
开发语言·前端·javascript·人工智能·html·ai编程
2401_881828323 天前
简易文本处理网页工具|AI 通识课第三次作业
前端·javascript·html