HTML示例05---段落

蔚落 2022-03-18 20:07 228阅读 0赞

一块块砖瓦组合就形成了高楼大厦，一行行文字组合就形成了段落篇章。在实际的文本编码中，输入完一段文字后，按下键盘上的<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">
        
        《望庐山瀑布》    李白<br/><br/>
        
        日照香炉生紫烟，眼看瀑布挂前川。<br/>
        
        飞流直下三千尺，疑是银河落九天。<br/>
    </p>
    <p>测试段落换行的间距
    </p>
    <p>测试段落换行的间距
    </p>
    </body>
    </html>

**3.运行结果**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzMzNzE4NTYz_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NpbmF0XzMzNzE4NTYz_size_16_color_FFFFFF_t_70]: /images/20220319/211d2e8c3a2940ea971132ac4b19c9de.png

发表评论取消回复

表情：

评论列表（有 0 条评论，228人围观）

还没有评论，来说两句吧...

相关阅读

相关 html段落中加空格,HTML 段落

HTML 段落 HTML 可以将文档分割为若干段落。 HTML 段落段落是通过标签定义的。这是一个段落这是另一个段落注意：浏览器会自动地在段落的前后添加

系统管理员/ 2022年10月05日 15:59/ 0 赞/ 164 阅读

相关（html入门）HTML 属性+标签+段落

HTML 属性属性为 HTML 元素提供附加信息。 HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。属性总是以名称/值对的形式出现，比

柔情只为你懂/ 2022年09月02日 12:45/ 0 赞/ 169 阅读

相关第四节 html段落样式

段落样式代码如下： <html> <head> <title>段落样式</title> </head

太过爱你忘了你带给我的痛/ 2022年07月12日 04:17/ 0 赞/ 214 阅读

相关 HTML HTML 段落 (stage1-14)

基础篇-HTML 段落 HTML 可以将文档分割为若干段落。 1.HTML段落段落是通过 `<p>` 标签定义的。实例： <p>这是一个段落 <

布满荆棘的人生/ 2022年06月02日 01:46/ 0 赞/ 164 阅读

相关 HTML05.Table

<html> <head> <meta charset="utf-8"> <title>TABLE表格的

约定不等于承诺〃/ 2022年06月01日 10:19/ 0 赞/ 97 阅读

相关 HTML示例06---段落（原格式标记）

1.说明在网页制作中，一般是用过各种标记对文字进行排版的。但在实际应用中，往往需要一些特殊的排版效果，这样使用标记控制非常麻烦。解决的方法就是使用原格式标记进行排版，如空格

￡神魔★判官ぃ/ 2022年03月18日 20:18/ 0 赞/ 240 阅读

相关 HTML示例05---段落

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

蔚落/ 2022年03月18日 20:07/ 0 赞/ 229 阅读

相关 HTML_01 —— 标题和段落

主标题：<title> 里面放主标题的内容</title> 标题：<h1>里面写标题的内容</h1> 注意：标题只有h1--h6 ，没有h7

素颜马尾好姑娘i/ 2021年12月14日 08:11/ 0 赞/ 228 阅读

相关 HTML学习笔记6-HTML段落

一、HTML段落 HTML段落是通过<p>标签定义的，具体代码如下 <!DOCTYPE html> <html lang="en"> <head>

你的名字/ 2021年11月05日 13:14/ 0 赞/ 252 阅读

相关 HTML||标题，段落，文本格式化

一、HTML 标题标题 HTML的标题是通过<h1>~<h6>来定义的，<h1>是HTML里边最大的标题，<h6>为最小的标题，在浏览器显示时，他们是默认加黑的，

亦凉/ 2021年11月04日 12:12/ 0 赞/ 388 阅读