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>
相关推荐
xy34537 小时前
axure9.0 如何打造一个计时器(简单版)
前端·ui·html·axure·原型·产品设计
IMPYLH8 小时前
HTML 的 <pre> 元素
前端·javascript·html
dong_junshuai10 小时前
每天一个开源项目#93 HyperFrames:4.69万星的 HTML 视频渲染框架
开源·html·github
是立不是利11 小时前
CSS 架构——在混乱中建立秩序
前端·html
小刘在重生~15 小时前
Web 前端基础|HTML+CSS+JavaScript+Bootstrap
前端·css·html
zhanghaha131418 小时前
HTML系列教程:12_HTML 表格 <table> 零基础详解
前端·html
এ慕ོ冬℘゜2 天前
html理论
前端·html
是立不是利2 天前
HTML 的尊严:一种被低估的语言
前端·html
anOnion2 天前
构建无障碍组件之Landmarks Pattern
前端·html·交互设计
xy34532 天前
Axure9.0中继器遮罩实现方法
前端·ui·html·axure·原型·产品设计