html标签 通过实例掌握BR和P标签的区别

唯·Riting

唯·Riting

2016-02-19 19:25

今天给大家分享的是由图老师小编精心为您推荐的html标签 通过实例掌握BR和P标签的区别,喜欢的朋友可以分享一下,也算是给小编一份支持,大家都不容易啊!

  换行标记br的使用

  换行标记br是一个没有结尾的标记,HTML文件中任何位置只要使用了br标记,当文件显示在浏览器中时,该位置之后的文字将显示于下一行,该br标记就是起到换行的标记!

  请注意!在一般的文字文件中,只要按下键盘上的Enter健便用产生了换行,但是在HTML文件中按Enter键换行是没用的,我们必须用特定的标记br来让它们产生换行!例:

Word-WRAP: break-word" bgcolor="#fdfddf"以下为引用的内容:
html
head
titlebr标记的使用/title
/head
body
清平调br
云想衣裳花想容,br
春风拂槛露华浓,br
若非群玉山头见,br
会向瑶台月下逢。br
/body
/html

  看看会出现什么效果呢~!

  有人要问把整首诗让它在页面居中该怎么办呢?如果实现居中我们可以用到我们以前学过的p align=center内容/p来实现!

  例:

以下为引用的内容:
html
head
titlebr标记的使用/title
/head
body
p align=center清平调br
云想衣裳花想容,br
春风拂槛露华浓,br
若非群玉山头见,br
会向瑶台月下逢。br
/p
/body
/html

  ================================================

  段落标记p的使用

  由p标记所标识和文字,代表同一个段落的文字。在浏览器中,不同段落文字间除了换行外,有时还会以一行空白加以间隔,以便区别出文字的不同段落,其语法如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  p文字/p

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  但在一般的应用中,往往只会在要区分为段落的文字后,加是上一个p标.记例:

以下为引用的内容:
html
head
/head
titlep标记的使用/title
/head
body
清平调p
云想衣裳花想容,p
春风拂槛露华浓,p
若非群玉山头见,p
会向瑶台月下逢,p
/body
/html

  那么br和p的有什么区别呢?通俗的讲就是,它们在分行的时候br分得行比

  p分得行距比较大!我们可以看一下:

以下为引用的内容:
html
head
/head
titlep标记的使用/title
/head
body
清平调br
云想衣裳花想容,br
春风拂槛露华浓,p
若非群玉山头见,p
会向瑶台月下逢,p
/body
/html

  这样就可以看到效果了,看出来了吗?

展开更多 50%)
分享

猜你喜欢

html标签 通过实例掌握BR和P标签的区别

Web开发
html标签 通过实例掌握BR和P标签的区别

通过实例掌握BR和P标签的区别

Web开发
通过实例掌握BR和P标签的区别

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

html标签之Object和EMBED标签详解

Web开发
html标签之Object和EMBED标签详解

HTML5标签与HTML4标签的区别示例介绍

Web开发
HTML5标签与HTML4标签的区别示例介绍

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

HTML标签语义 科学合理的运用HTML标签

Web开发
HTML标签语义 科学合理的运用HTML标签

HTML的常用标签:超级连接标签A

Web开发
HTML的常用标签:超级连接标签A

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Win10系统怎么调整访问文件夹顺序

Win10系统怎么调整访问文件夹顺序

精用Boolean表达式让代码再减肥

精用Boolean表达式让代码再减肥
下拉加载更多内容 ↓