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>
相关推荐
web打印社区1 小时前
网页静默打印热敏小票:从 HTML 到出纸的完整指南
前端·javascript·vue.js·electron·pdf·html
用户2986985301415 小时前
React 中 HTML 内容转 Word 文档的实现方案
javascript·react.js·html
XLYcmy2 天前
HTML/CSS/JS 基础与 Vue 技术栈深度解析
java·前端·css·html·vue3·vue2·api
晴天162 天前
HTML canvas标签使用指南-Day32
前端·html
FreeTinker2 天前
HTML本地存储技术解析:localStorage与sessionStorage的原理、差异与应用场景
前端·html
可乐鸡翅yeah_2 天前
第三方接口对接 M3U8 流媒体排坑实战,解决外部服务商流兼容难题
前端·javascript·python·django·html·m3u8·m3u8在线
梦醒沉醉2 天前
13、HTML入门——HTML中的表单和按钮
html
子非鱼a2 天前
【WEB】[NewStarCTF 公开赛赛道]UnserializeOne
前端·javascript·html
开开心心就好3 天前
电子教鞭工具支持画框写字插图片功能齐全
android·开发语言·前端·javascript·人工智能·pdf·html