HTML 段落的定义和使用方法

操作方法

  • 01

    段落是通过 <p> 标签定义的。 实例 <p>This is a paragraph</p> <p>This is another paragraph</p> 注释:浏览器会自动地在段落的前后添加空行。(<p> 是块级元素) 提示:使用空的段落标记 <p></p> 去插入一个空行是个坏习惯。用 <br /> 标签代替它!(但是不要用 <br /> 标签去创建列表。不要着急,您将在稍后的篇幅学习到 HTML 列表。) 不要忘记结束标签 即使忘了使用结束标签,大多数浏览器也会正确地将 HTML 显示出来: 实例 <p>This is a paragraph <p>This is another paragraph 上面的例子在大多数浏览器中都没问题,但不要依赖这种做法。忘记使用结束标签会产生意想不到的结果和错误。 注释:在未来的 HTML 版本中,不允许省略结束标签。 提示:通过结束标签来关闭 HTML 是一种经得起未来考验的 HTML 编写方法。清楚地标记某个元素在何处开始,并在何处结束,不论对您还是对浏览器来说,都会使代码更容易理解。 HTML 折行 如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签: <p>This is<br />a para<br />graph with line breaks</p> <br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签。 <br> 还是 <br /> 您也许发现 <br> 与 <br /> 很相似。 在 XHTML、XML 以及未来的 HTML 版本中,不允许使用没有结束标签(闭合标签)的 HTML 元素。 即使 <br> 在所有浏览器中的显示都没有问题,使用 <br /> 也是更长远的保障。 HTML 输出 - 有用的提示 我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。 对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。 当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。 来自本页的实例 HTML 段落 <http://www.w3school.com.cn/tiy/t.asp?f=html_paragraphs1> 如何在浏览器中显示 HTML 段落。 换行 <http://www.w3school.com.cn/tiy/t.asp?f=html_paragraphs> 在 HTML 文档中使用换行。 在 HTML 代码中的排版一首唐诗 <http://www.w3school.com.cn/tiy/t.asp?f=html_poem> 浏览器在显示 HTML 时,会省略源代码中多余的空白字符(空格或回车等)。 更多实例 更多段落 <http://www.w3school.com.cn/tiy/t.asp?f=html_paragraphs2> 段落的默认行为。 HTML 标签参考手册 W3School 的标签参考手册提供了有关 HTML 元素及其属性的更多信息。 标签       描述 <p>      定义段落。 <br />    插入单个折行(换行)。

(0)

相关推荐

  • 教你Word2007中段落间距怎么调整的方法

    在word2007中关于段落间距的调整有很多方法。今天教你几个Word2007中段落间距怎么调整的方法,希望大家喜欢。 方法一、 先将鼠标移动到需要调整的段落下,然后在“开始”选项卡中的“段落”选项组 ...

  • Word2013文档中设置段落缩进的三种方法

    方法1:在“段落”对话框设置段落缩进 用户可以在Word2013的“段落”对话框中设置段落缩进,操作步骤如下所述: 第1步,打开Word2013文档窗口,选中需要设置段落缩进的文本段落。在“开始”功能 ...

  • 金山WPS给重要段落加红色边框的方法

    我们在使用金山WPS进行文字编辑的时候,有时候为了突出该段落的重要性,会给段落内的文字进行加粗处理,或者更改为跟主体文字不一样的颜色.但是除了这两种方法,您还可以给重要段落加边框,那么,使用金山WPS ...

  • word复制段落格式以及文字格式的方法

    在word文档中如何复制段落格式?如何复制文字格式?小编在这里分享下有关这方面的小经验.一起去看看吧! 方法/步骤 1.先说下复制段落格式.以下图中的文档为例. 现在要把第二段落的格式复制到第一段落. ...

  • word文档段落添加红色边框的方法

    大家都知道在使用WPS编辑文字的时候,为了彰显段落的重要性,我们通常会给段落的文字加粗,或者使用与主体颜色不一样的颜色,今天我教给大家另一种方法!给段落加红框!! 操作方法 01 打开含有很多段落的文 ...

  • Word2010中设置段落间距的三种方法

    word2010是我们常用的办公软件,使用的时候经常会用到段落间距的设置,word2010中有哪些设置段落间距的方法呢? 操作方法 01 打开word文档,选中要改变段落间距的段落. 02 右击选择段 ...

  • 如何去掉 Outlook 中的段落标记等符号的方法图文介绍

    在Outlook中新建邮件时会显示很多段落标记,使行文看上去不怎么整洁。 如何将它们抹除? 只要在编辑器中将它们隐藏就行了。具体如下: 对于Outlook2010 新建一份电子邮件,打开“文件”选项卡 ...

  • WPS 2012文字技巧之让段落调整更轻松的方法

    对于经常坐在电脑前整理文档的我们来说,最经常的操作之一可能就是对文档中文本段落格式进行整理,比如首行缩进、段前距、段后距、行距等。在WPS 2012的文字工具中,“段落布局”选项卡的出现不禁让我们眼前 ...

  • 内网端口映射定义及设置方法

    网吧中放置木马的主要目的是窃取QQ号、游戏账号等敏感资料,作为网吧管理员必须懂得常见的“挂马”方法,这样才能在遭遇木马时做到从容不迫,轻松除马。 要在网吧中挂马,需要将木马植入到服务器。入侵服务器的方 ...