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>
相关推荐
SouthRosefinch2 小时前
一、HTML简介与开发环境
开发语言·前端·html
kyriewen3 小时前
别再滥用 iframe 了!这些场景下它其实是最优解
前端·javascript·html
optimistic_chen5 小时前
【Vue入门】创建Vue工程环境和响应式函数
前端·javascript·vue.js·前端框架·html
酉鬼女又兒6 小时前
HTML零基础快速入门篇(可用于备赛蓝桥杯Web应用开发) 牛客手把手戴刷FED1~8:基本标签,基本标签,媒体标签详解
前端·职场和发展·蓝桥杯·html·web
K姐研究社7 小时前
Nano Banana 2 国内使用教程:LiblibAI 免翻墙使用
前端·javascript·html
kyriewen10 小时前
盒模型:CSS 世界的物理法则,margin 塌陷与 padding 的恩怨情仇
前端·css·html
怪侠_岭南一只猿10 小时前
爬虫阶段三实战练习题二:使用 Selenium 模拟爬取拉勾网职位表
css·爬虫·python·selenium·html
xixixin_10 小时前
【CSS】Ant Design 按钮点击时文字位移问题
前端·javascript·html
开维游戏引擎10 小时前
开维游戏引擎实例:五子棋
javascript·游戏·html·游戏引擎·ai编程
FL162386312910 小时前
使用html实现超炫登录界面和diango实现同样登录界面
前端·html