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

717493680

717493680

2016-02-19 18:00

下面图老师小编跟大家分享通过实例掌握BR和P标签的区别,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

换行标记br的使用

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

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

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

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

以下为引用的内容:
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标记所标识和文字,代表同一个段落的文字。在浏览器中,不同段落文字间除了换行外,有时还会以一行空白加以间隔,以便区别出文字的不同段落,其语法如下:
p文字/p
但在一般的应用中,往往只会在要区分为段落的文字后,加是上一个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%)
分享

猜你喜欢

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

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

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

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

s8lol主宰符文怎么配

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

Photoshop基础教程:通过实例掌握如何管理画笔

PS PS基础
Photoshop基础教程:通过实例掌握如何管理画笔

用户体验之弱化分类和标签的区别

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
用户体验之弱化分类和标签的区别

lol偷钱流符文搭配推荐

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

掌握隔离霜和防晒霜的区别

美容护肤 护肤
掌握隔离霜和防晒霜的区别

P2P、P2B和P2C有什么区别

家庭理财 个人理财
P2P、P2B和P2C有什么区别

lolAD刺客新符文搭配推荐

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

在C++ Builder6中使用XML

在C++ Builder6中使用XML

XHTML标签写法应该注意的细节问题

XHTML标签写法应该注意的细节问题
下拉加载更多内容 ↓