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>
相关推荐
烂蜻蜓4 小时前
Pandas入门教程(十二):读取 HTML 表格——read_html 参数详解与网页数据清洗
python·html·pandas
java1234_小锋1 天前
【技术专题】HTML5 网页技术 - Web Storage 本地存储 & 文件 API & 拖放 API
前端·html·html5
狮子座的男孩1 天前
html+css基础:24、2D变换(位移/缩放/旋转/扭曲(了解)/多重变换/变换原点)
前端·css·经验分享·html·2d位移·原点变换·缩放/旋转/扭曲
java1234_小锋2 天前
【技术专题】HTML5 网页技术 - HTML5 SVG
前端·html·html5
Data_Journal3 天前
如何使用 Python 解析 HTML
python·html
java1234_小锋3 天前
【技术专题】HTML5 网页技术 - HTML5 Canvas 基础以及动画入门
前端·html·html5
keyipatience4 天前
TypeScript学习(1)
前端·javascript·学习·typescript·html·css3
java1234_小锋4 天前
【技术专题】HTML5 网页技术 - HTML5 语义化标签
前端·html·html5
asdzx674 天前
C# 将 HTML 转换为 PDF:基于 Chrome 的转换方案
pdf·c#·html
王大师王文峰4 天前
HTML 入门到进阶:语义化标签、表单与多媒体一篇打通【语义化布局、表单校验、video/audio、Canvas、无障碍与 SEO】
前端·css·node.js·html·css3·jquery·html5