CSS手册CSS3手册Edu网闻
欢迎来到thinkcss查找CSS资料与学习DIV CSS布局技术!
您的位置:ThinkCSS首页 > HTML >

CSS必学HTML标签目录

html <p> 段落P标签元素【html p段落】

<p> html段落P标签元素

html <p>标签是用于文章分段作用。比如我们书上文章一段一段间隔重起一行,此P标签就是此用。html p标签让一篇文章就像书本上文章一样有段落之分。

一、html <p>语法结构   -   TOP

p标签是一对标签,即以<p>开始,以</p>结束。

html p段落标签元素机构分析图
html p段落标签元素机构分析图

例:

  1. <p>文章内容</p> 
  2. <p>文章内容</p> 

html p标签支持各大浏览器。

每个标记段落与段落之间会自动有间行间距。p具有区域块,独占一行元素。

二、html p实例   -   TOP

1、HTML p实例完整代码:

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  5. <title>html p实例 ThinkCSS</title> 
  6. </head> 
  7. <body> 
  8. <p>第一段,内容<br>第二排内容</p> 
  9. <p>第二段,内容</p> 
  10. <p>第三段,内容<br>p段落内容测试</p> 
  11. <p>第四段,内容 网址www.thinkcss.com</p> 
  12. </body> 
  13. </html> 

这里使用p分4段文字。

2、p段落使用实例效果截图:


每个p段落独占一行,并且间隔一行效果

三、p段落标签小结   -   TOP

在布局中除了有时DIV CSS布局结构时候会用到P标签,通常文章段落是必用p标签,这样让文章具有段落之分,不会出现没有段落让阅读者累。同时合理使用html p段落可以让文章具有调理,也利用搜索引擎优化的。无段不成文。

设置html p行间距
html换行br标签

如需转载,请注明文章出处和来源网址:http://www.thinkcss.com/html/h899.shtml

我要分享到:

CSS基础教程 CSS Based Tutorial

CSS教程文章修订日期:2016-06-13 12:08 原创:ThinkCSS
本文www.thinkcss.com ThinkCSS版权所有。