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

我要分享到：
上一篇：html <b>标签元素 【html 加粗】字体加粗
下一篇：html <span>元素标签【html span】

CSS基础教程 CSS Based Tutorial

最新文章NEWS

相关文章RELATED

CSS 特效CSS EFFECTS / CSS 模块CSS MODULE

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