HTML示例05---段落

最新推荐文章于 2023-10-12 11:11:21 发布

rs勿忘初心

最新推荐文章于 2023-10-12 11:11:21 发布

阅读量325

点赞数

文章标签： html 段落的换行标记

本文链接：https://blog.csdn.net/sinat_33718563/article/details/87523879

版权

前端基本知识点专栏收录该内容

14 篇文章 1 订阅

订阅专栏

一块块砖瓦组合就形成了高楼大厦，一行行文字组合就形成了段落篇章。在实际的文本编码中，输入完一段文字后，按下键盘上的<Enter>健就生成了一个段落，但是在HTML5中需要通过标记来实现段落的效果。

1.说明

在HTML5中，段落效果是通过<p>标记来实现的。<p>标记会自动在其前后创建一些空白，浏览器则会自动添加这些空间。

语法格式如下：

<p>段落文字</p>

段落与段落之间经常会进行隔行换行，这样会导致文字的行间距过大，这时可以使用换行标记来完成文字的紧凑换行显示，语法格式如下：

<p>
一段文字<br/>一段文字
</p>

下面给出了一个利用换行实现《望庐山瀑布》中诗句的页面布局。

2.代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>段落的换行标记</title>
</head>
<body>
<!--使用段落标记书写古诗-->
<p align="center">
    <!--使用两个换行标记啊-->
    《望庐山瀑布》&nbsp;&nbsp;&nbsp;&nbsp;李白<br/><br/>
    <!--使用一个换行标记-->
    日照香炉生紫烟，眼看瀑布挂前川。<br/>
    <!--使用一个换行标记-->
    飞流直下三千尺，疑是银河落九天。<br/>
</p>
<p>测试段落换行的间距
</p>
<p>测试段落换行的间距
</p>
</body>
</html>

3.运行结果