HTML示例05---段落

一块块砖瓦组合就形成了高楼大厦，一行行文字组合就形成了段落篇章。在实际的文本编码中，输入完一段文字后，按下键盘上的<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.运行结果

HTML示例05---段落相关推荐

springmvc 项目完整示例05 日志 --log4j整合配置 log4j属性设置 log4j 配置文件 log4j应用...
log4j 就是log for java嘛,老外都喜欢这样子,比如那个I18n ---internationalization 不就是i和n之间有18个字母... http://logging.a ...
eclipse 创建maven 项目动态web工程完整示例
需求表均同springmvc案例此处只是使用maven 注意,以下所有需要建立在你的eclipse等已经集成配置好了maven了,说白了就是新建项目的时候已经可以找到maven了没有的话需要安装m ...
【Qt】进程间通信之QSharedMemory示例
00. 目录文章目录 00. 目录 01. 概述 02. 开发环境 03. 编程步骤 04. 写端程序示例 05. 读端程序示例 06. 附录 01. 概述 QSharedMemory提供了多个线程 ...
【嵌入式】Libmodbus之TCP模式Master端程序示例
00. 目录文章目录 00. 目录 01. TCP模式Master开发流程 02. 读写单个线圈程序示例 03. 读写多个线圈程序示例 04. 读写单个保持寄存器程序示例 05. 读写多个保持寄存器 ...
【嵌入式】Libmodbus之RTU模式Master端程序示例
00. 目录文章目录 00. 目录 01. 软件开发流程 02. 获取版本信息 03. 读写单个线圈程序示例 04. 读写多个线圈程序示例 05. 读写单个保持寄存器程序示例 06. 读写多个保持寄 ...
【STM32】硬件随机数程序示例
00. 目录文章目录 00. 目录 01. 概述 02. 硬件模块 03. 相关函数 04. 程序示例 05. 结果验证 06. 附录 07. 声明 01. 概述 STM32F4 自带了硬件随机数发 ...
【STM32】RTC程序示例
00. 目录文章目录 00. 目录 01. RTC时钟简介 02. 硬件设计 03. RTC日历配置步骤 04. 设置和获取日期示例 05. 设置闹钟中断示例 06. 设置唤醒中断示例 07. 附录 ...
下列HTML标签是段落标签的是,HTML段落标签
HTML段落 HTML段落或HTML p标签用于定义网页中的段落.让我们举一个简单的例子来看看它是如何工作的.值得注意的一点是,浏览器本身在段落之前和之后添加一个空行. HTML 标签指示新段落的开始 ...
【STM32】ADC程序示例
00. 目录文章目录 00. 目录 01. ADC简介 02. 硬件资源 03. 编程思路 04. 程序示例 05. 预留 06. 附录 07. 声明 01. ADC简介 STM32F4xx 系列一 ...
html文字段落代码,HTML 段落
HTML 段落 HTML 可以将文档分割为若干个段落.而文章内容通常也是由多个段落组成. HTML 段落段落是通过标签定义的. 示例这是第一个段落(nhooo.com) 这是第二个段落测试看看 ...

HTML示例05---段落

HTML示例05---段落相关推荐

最新文章

热门文章