php老师 发表于 2014-11-27 23:31:54

04 文本的段落<p>标签和换行标签<br/>的对比用法







<p>标签,表示的是断开 而 <br/>标签表示的是换行.如果是这样的,
   代码:

您好,欢迎您来到我们道勤教育,<p>非常感谢上天能够安排我们一起努力学习!
效果如下:
      
之后我们在加一句话:代码如下:

您好,欢迎您来到我们道勤教育,<p>非常感谢上天能够安排我们一起努力学习!道勤网www.daoqin.net官方QQ群2264547332欢迎大家加入一起交流学习效果是这样的:
那次此时仅仅是在后面加了一段话,而没有发生段落的改变,如果我们在道勤网前面在加一个<p>标签则会出现这样的情况。

这样表示我们把这段话,断开了2段,成为了3段。好那么我们在往后面加一句话:能和道勤的朋友们一起学习真是很开心!
效果如下:

好此时,我们在刚才加入的那段话的前面(能和道勤的朋友们一起学习真是很开心!)加入<br/>看下会出现什么情况
代码如下:
您好,欢迎您来到我们道勤教育,<p>非常感谢上天能够安排我们一起努力学习!<p>道勤网www.daoqin.net官方QQ群2264547332欢迎大家加入一起交流学习。<br/>能和道勤的朋友们一起学习真是很开心!

效果如下:

这个下面红色的部分表示是用<br/>换行出现的效果,然而上面的蓝色部分则是表示用<p>标签出现的断行效果。所以这里大家可以深刻体会下<br/>标签和<p>标签的不同用法
当然,不管是什么标签都是可以用属性来控制的,同样的道理,那么<p>标签或者是<br/>标签里面的内容,我们也是可以通过属性来进行控制
好此时,我们在<p/>标签里面使用属性来进行设置,看下效果:
<p style="color:#F00;">非常感谢上天能够安排我们一起努力学习!
代码如下:
<body>
您好,欢迎您来到我们道勤教育,<p style="color:#F00;">非常感谢上天能够安排我们一起努力学习!<p>道勤网www.daoqin.net官方QQ群2264547332欢迎大家加入一起交流学习。<br / >能和道勤的朋友们一起学习真是很开心!
</body>那么此时效果如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>道勤教育</title>
<meta name="keywords" content="道勤教育,学习,交流"/>
<meta name="description" content="道勤教育一起学习"/>
</head>

<body>

哈哈哈哈哈哈哈哈哈啊啊哈哈阿阿啊啊哈哈哈哈哈哈哈哈哈啊啊哈哈阿阿啊啊哈哈哈哈哈哈哈哈哈哈哈啊啊哈哈阿阿啊啊哈哈哈哈哈哈哈哈哈哈哈啊啊哈哈阿阿啊啊哈哈哈哈
哈哈哈哈哈哈哈哈哈啊啊哈哈阿阿啊啊哈哈哈哈哈哈哈哈哈学习<p style="color:#033"><!--P标签的用法就是想在哪里段开就在哪里断开就可以的-->阿阿啊啊哈哈哈哈不知道</p>哈哈哈哈啊啊哈哈阿阿啊啊哈哈哈哈哈哈哈哈<p style="color:#C00;">你好啊哈哈阿哈哈哈哈哈哈哈哈哈啊啊哈哈阿阿啊啊哈哈哈哈哈哈哈哈哈啊啊哈哈阿阿啊啊哈哈哈哈哈哈哈哈哈哈哈啊啊哈哈阿阿啊啊哈哈哈哈哈哈哈哈哈哈哈啊啊哈哈阿
哈哈哈哈哈哈哈哈</p><br/><!---这个是br/是个表示换行而<p>表示的是断开-->道勤教育哈阿阿啊啊哈哈哈哈哈哈哈哈哈啊啊哈哈阿阿啊啊哈哈哈哈哈哈哈哈哈哈哈啊啊哈哈阿阿啊啊哈哈哈哈哈哈哈哈哈哈哈啊啊哈哈阿
</body>
</html>



页: [1]
查看完整版本: 04 文本的段落<p>标签和换行标签<br/>的对比用法