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>
相关推荐
Highcharts12 小时前
全功能施工项目管理甘特图 Demo:任务依赖箭头、当前日期标线、周末高亮、分组项目可视化
html·数据可视化
IMPYLH12 小时前
HTML 的 <h1>–<h6> 元素
前端·javascript·html
IMPYLH12 小时前
HTML 的 <head> 元素
前端·html
梦醒沉醉14 小时前
2、HTML入门——HTML元信息
html
莫问ABC15 小时前
HTML、CSS、JavaScript 前端三件套
前端·css·html
葡萄城技术团队17 小时前
告别宽表拖拽:SpreadJS 如何让 Web 表格承接 Excel 操作习惯
数据库·html·excel
zhanghaha131418 小时前
HTML系列教程:2_HTML 编辑器(零基础超详细讲解
前端·编辑器·html
梦醒沉醉2 天前
1、HTML入门——HTML基本语法
html
zh_xuan2 天前
github搭建个人主页
html·github
小妖6663 天前
设置了 box-sizing: border-box; 不管用,下边框还是被挤压没了
前端·css·html