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

2016-02-19 18:00 14 1 收藏

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

【 tulaoshi.com - Web开发 】

换行标记br的使用

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

请注意!在一般的文字文件中,只要按下键盘上的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

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

这样就可以看到效果了,看出来了吗? 网页教学

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

来源:http://www.tulaoshi.com/n/20160219/1616600.html

延伸阅读
标签: Web开发
分三步: 一、在WEB-INF 下建一个名为tlds的文件夹,再建一个tld文件,如 formatTime.tld,内容为: 代码如下: ?xml version="1.0" encoding="ISO-8859-1" ? !DOCTYPE taglib PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.1//EN" "http://java.sun.com/j2ee/dtds/web-jsptaglibrary_1_1.dtd" taglib tlibversion1.0/tlib...
标签: Web开发
关于段落p/p相信大家已经都在自己的工作中开始关注并应用了。因为那真的是非常简单的事,只要你愿意你随时都可以开始让你的页面代码更为标准化。如果你已经开始跟着 《WEB标准能有多难?》 在自己的工作中循序渐进地运用WEB标准了,那么这次的内容会让你更进一步的了解到关于段落里的细节。要是你刚刚准备好开始没关系可以先看看《从p开始,...
考察合格后再投资 P2P理财平台龙鱼混杂,有正规的平台也有不正规的平台,投资者在进行投资之前,一定要实地进行考察一下, 最好是找到一些有经验的朋友一起参考,了解其运营水平如何,操作程序是否正规,贷款的各种资料是否齐全等等,只有了解确认之后才能进行投资。 不要选择收益率太高的P2P理财产品 P2P理财平...
自从一个月前我偶然发现 LESS 之后我就开始坚定的使用它了。CSS本身对我来说从来不是问题,但是我很好奇使用变量来沿着一个调色盘为我的网站或模板创建一些东西的想法。拥有一个提供固定数量选项可选的色盘可以让我避免颜色太跳跃以至于从一个已定的风格中脱离。   事实证明,LESS以及Sass功能比这个要多太多。LESS和Sass在语法上有...
标签: 华为 手机
华为mate9详细介绍 Mate 9无疑是华为继续巩固高端市场地位的又一个绝佳利器。外观设计、硬件配置、系统软件、功能特性,处处都体现着华为强大的创新能力。 Mate 9延续了该系列的大屏传统,5.9寸屏幕配合超窄边框/黑边、2.5D弧面玻璃、金属机身、更圆润的曲线、精致的做工工艺,视觉冲击力极强,而且还有多种色调风...

经验教程

768

收藏

92
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部