p与br区别
Html p与br区别用法知识篇
P和Br都有换行作用,p标签是段落标签,br是强制换行标签。
- br p目录
一、相关html知识 - TOP
二、<P>和<br />标签区别 - TOP
P是使用一对<p></p>组合标签,而br独立一个<br />闭合标签。
1、P段落标签介绍
通常文章中段落区分明显上段文字与下段文字有一定间隔我们就可以对上下段文字都使用p标签,我们使用p段落标签,在一段文字开始前使用<p>,在这段文字结束加个</p>标签。段落p标签将让上段与下段文字有一定距离,大概是两倍line-height行高距离。
案例效果截图:
段落p标签案例截图
2、Br强制换行标签介绍
区别于p段落标签,br标签我们用于文段换行排版。换行后上下行文字距离是按line-height行高实现间距。
br换行标签案例截图
通常同等初始化下网页里,要实现上下文字间隔相同,2个br换行标签相当于使用p段落标签。
P与br标签对比使用案例截图
p br对比案例截图
Html P段落与html Br换行对比案例HTML代码片段:
- 第一行文字 www.thinkcss.com <br />
- 第二行文字 <br /><br />
- 第三行文字<br />
- 第四行文字
- <p>第一段</p>
- <p>第二段</p>
- <p>第三段</p>
三、Br与p总结: - TOP
我们需要文字小换行时候我们使用br换行标签,如果要实现段落可以使用p标签,这样HTML结构清晰有利于搜索引擎与用户阅读文章,适当的段落与换行布局应该从用户阅读习惯。当然我们也可以使用CSS对p标签设置样式属性,让p段落标签上下段落间隔缩小和拉大。
下一页: 下一篇:没有了
HTML必备基础教程
- • html换行br标签
- • html段落p标签
- • html table tr td th表格标签
- • html内容body标签
- • html图片img标签
- • html form表单标签
- • html input表单标签
- • html列表菜单跳转select标签
- • html div
- • html span
- • html em强调标签
- • html u下划线
- • html斜体i标签
- • html加粗b标签
- • html strong加粗标签
- • html删除线s标签
- • base链接打开方式标签
- • html iframe内嵌
- • html ul li无序列表
- • html ol li有序列表
- • html font文本标签
- • html hr水平线
CSS必备基础教程
- • css颜色 css color)
- • css宽度 css width
- • css高度 css height
- • css行高 css line-height
- • css 字间距 css letter-spacing)
- • CSS border(CSS边框
- • CSS font-family CSS字体
- • CSS 斜体 CSS font-style
- • CSS加粗 CSS font-weight
- • CSS 下划线 CSS text-decoration
- • CSS字母大小写 CSS text-transform
如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期:2012-10-25 点击:
次
原创来源:ThinkCSS 来源网址:http://www.thinkcss.com/view/b89.html
本文WWW.ThinkCSS.COM(DIV CSS) ThinkCSS版权所有,欢迎转载,并注明出处来源及URL!。