查看: 6248|回复: 0
打印 上一主题 下一主题

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

[复制链接]
跳转到指定楼层
1#
发表于 2008-5-1 11:19:25 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
台州网址导航
换行标记<br>的使用

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

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

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



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

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

例:

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


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

段落标记<p>的使用

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

<p>文字</p>

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

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


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

<p>分得行距比较大!我们可以看一下:
<html>
<head>
</head>
<title><p>标记的使用</title>
</head>
<body>
清平调<br>
云想衣裳花想容,<br>
春风拂槛露华浓,<p>
若非群玉山头见,<p>
会向瑶台月下逢,<p>
</body>
</html>

这样就可以看到效果了,看出来了吗?
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 转播转播 分享分享 分享淘帖
台州维博网络(www.tzweb.com)专门运用PHP+MYSQL/ASP.NET+MSSQL技术开发网站门户平台系统等。
您需要登录后才可以回帖 登录 | 注册

本版积分规则

网站推广
关于我们
  • 台州朗动科技(Tzweb.com)拥有多年开发网站平台系统门户手机客户端等业务的成功经验。主要从事:政企网站,系统平台,微信公众号,各类小程序,手机APP客户端,浙里办微应用,浙政钉微应用、主机域名、虚拟空间、后期维护等服务,满足不同企业公司的需求,是台州地区领先的网络技术服务商!

Hi,扫描关注我

Copyright © 2005-2026 站长论坛 All rights reserved

Powered by 站长论坛 with TZWEB Update Techonolgy Support

快速回复 返回顶部 返回列表