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

717493680

717493680

2016-02-19 18:00

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

换行标记br的使用

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

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

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

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

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

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

有人要问把整首诗让它在页面居中该怎么办呢?如果实现居中我们可以用到我们以前学过的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刺客新符文搭配推荐

下载文件关闭窗体之解决方法

下载文件关闭窗体之解决方法

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

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