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

2016-02-19 19:25 9 1 收藏

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

【 tulaoshi.com - Web开发 】

  换行标记br的使用

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

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

  请注意!在一般的文字文件中,只要按下键盘上的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标记所标识和文字,代表同一个段落的文字。在浏览器中,不同段落文字间除了换行外,有时还会以一行空白加以间隔,以便区别出文字的不同段落,其语法如下:

  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/n/20160219/1620952.html

延伸阅读
标签: Web开发
W3C 在 2008年 1 月 22 日发布了最新的 HTML 5 工作草案。HTML 5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML 5 中的一些新特性:嵌入音频、视频、图片的函数、客户端数据存储,以及交互式文档。其他特性包括新的页面元素,比如 header, section, footer, 以及 figure。 通过制...
链接 一、连结至其他文件 <a href="URL">说明文字或图片</a> 二、连结至文件内之某一处(外部连结)  《1》起点 <a href="档名#名称">..........</a>  《2》终点 <a name="名称"> 三、frame的超连结  【1】开启新的浏览器来显示连结文件 -- _blank <a href="URL" ...
表单 一、基本架构 <form action="处理资料用的CGI程式之URL"或"mailto:电子信箱的URL" method="get或post"> .......... .......... .......... </form>  二、输入文件型表单 <form action="URL" method="post"> <input> <input> .......... ..........&...
16.分隔线 <hr>  【1】分隔线的粗细 <hr size=点数>  【2】分隔线的宽度 <hr size=点数或百分比>  【3】分隔线对齐方向 <hr align="#"> #号可为 left:表向左对齐(预设值) center:表向中对齐 right:表向右对齐  【4】分隔线的颜色 <hr colo...
HTML指令详解 结构 <html> <head> <title>标题<title> </head> <body>..........文件内容.......... </body> </html> 1.文件标题 <title>..........</title> 2.文件更新--<meta> 【1】10秒后自动更新一次 <meta http-equiv="refresh" content=10> 【2】10秒後自动连结到另一文件 <meta htt...

经验教程

822

收藏

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