HTML <p> 标签
摘要:<p> 标签定义段落
实例
以下代码标记了一个段落:
浏览器支持
所有主流浏览器都支持 <p> 标签。
定义和用法
<p> 标签定义段落。
p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。
HTML 与 XHTML 之间的差异
在 HTML 4.01 中,所有 p 元素的呈现属性均不被赞成使用。
在 XHTML 1.0 Strict DTD 中,所有 p 元素的呈现属性均不被支持。
可选的属性
全局属性
<p> 标签支持 HTML 中的全局属性。
事件属性
<p> 标签支持 HTML 中的事件属性。
更多实例
简单的段落
此例演示:段落元素中的文字如何被浏览器显示。
更多的段落
本例演示段落元素的某些缺省的行为。
“诗歌”问题
本例演示 HTML 格式化的某些问题。
以下代码标记了一个段落:
html代码
运行代码
01 | < html > |
02 | < body > |
03 |
04 | < p >这是段落。</ p > |
05 | < p >这是段落。</ p > |
06 | < p >这是段落。</ p > |
07 |
08 | < p >段落元素由 p 标签定义。</ p > |
09 |
10 | </ body > |
11 | </ html > |
所有主流浏览器都支持 <p> 标签。
定义和用法
<p> 标签定义段落。
p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。
HTML 与 XHTML 之间的差异
在 HTML 4.01 中,所有 p 元素的呈现属性均不被赞成使用。
在 XHTML 1.0 Strict DTD 中,所有 p 元素的呈现属性均不被支持。
可选的属性
代码
1 | //不赞成使用。请使用样式取代它。 |
2 | //规定段落中文本的对齐方式。 |
3 | align=left|right|center|justify |
<p> 标签支持 HTML 中的全局属性。
事件属性
<p> 标签支持 HTML 中的事件属性。
更多实例
简单的段落
此例演示:段落元素中的文字如何被浏览器显示。
html代码
运行代码
01 | < html > |
02 | < body > |
03 |
04 | < p >这是段落。</ p > |
05 | < p >这是段落。</ p > |
06 | < p >这是段落。</ p > |
07 |
08 | < p >段落元素由 p 标签定义。</ p > |
09 |
10 | </ body > |
11 | </ html > |
本例演示段落元素的某些缺省的行为。
html代码
运行代码
01 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" |
03 |
04 | < html > |
05 |
06 | < body > |
07 |
08 | < p > |
09 | 这个段落 |
10 | 在源代码中 |
11 | 包含许多行 |
12 | 但是浏览器 |
13 | 忽略了它们。 |
14 | </ p > |
15 |
16 | < p > |
17 | 这个段落 |
18 | 在源代码 中 |
19 | 包含 许多行 |
20 | 但是 浏览器 |
21 | 忽略了 它们。 |
22 | </ p > |
23 |
24 | < p > |
25 | 段落的行数依赖于浏览器窗口的大小。如果调节浏览器窗口的大小,将改变段落中的行数。 |
26 | </ p > |
27 |
28 | </ body > |
29 | </ html > |
本例演示 HTML 格式化的某些问题。
代码
01 | <html> |
02 |
03 | <body> |
04 |
05 | <h1>春晓</h1> |
06 |
07 | <p> |
08 | 春眠不觉晓, |
09 | 处处闻啼鸟。 |
10 | 夜来风雨声, |
11 | 花落知多少。 |
12 | </p> |
13 |
14 | <p>注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。</p> |
15 |
16 | </body> |
17 |
18 | </html> |
相关文章
html标题快速浏览101
- HTML 参考手册
- HTML 全局属性
- HTML 事件属性
- HTML 视频/音频
- HTML 颜色名
- HTML 字符集
- HTML ASCII
- HTML ISO-8859-1
- HTML 符号
- HTML URL 编码
- HTML 语言代码
- HTTP 消息
- HTTP 方法
- HTML <!--...-->标签
- HTML <!DOCTYPE> 标签
- HTML <a> 标签
- HTML <abbr> 标签
- HTML <acronym> 标签
- HTML <address> 标签
- HTML <applet> 标签
- HTML <area> 标签
- HTML <b> 标签
- HTML <base> 标签
- HTML <basefont> 标签
- HTML <bdo> 标签
- HTML <big> 标签
- HTML <blockquote> 标签
- HTML <body> 标签
- HTML <br> 标签
- HTML <button> 标签
- HTML <caption> 标签
- HTML <center> 标签
- HTML <cite> 标签
- HTML <code> 标签
- HTML <col> 标签
- HTML <colgroup> 标签
- HTML <dd> 标签
- HTML <del> 标签
- HTML <dir> 标签
- HTML <div> 标签
- HTML <dfn> 标签
- HTML <dl> 标签
- HTML <dt> 标签
- HTML <em> 标签
- HTML <fieldset> 标签
- HTML <font> 标签
- HTML <form> 标签
- HTML <frame> 标签
- HTML <frameset> 标签
- HTML <h1> 到 <h6> 标签
- HTML <head> 标签
- HTML <hr> 标签
- HTML <html> 标签
- HTML <i> 标签
- HTML <iframe> 标签
- HTML <img> 标签
- HTML <input> 标签
- HTML <ins> 标签
- HTML <kbd> 标签
- HTML <label> 标签
- HTML <legend> 标签
- HTML <li> 标签
- HTML <link> 标签
- HTML <map> 标签
- HTML <menu> 标签
- HTML <menuitem> 标签
- HTML <meta> 标签
- HTML <noframes> 标签
- HTML <noscript> 标签
- HTML <object> 标签
- HTML <ol> 标签
- HTML <optgroup> 标签
- HTML <option> 标签
- HTML <p> 标签
- HTML <param> 标签
- HTML <pre> 标签
- HTML <q> 标签
- HTML <s> 标签
- HTML <samp> 标签
- HTML <script> 标签
- HTML <select> 标签
- HTML <small> 标签
- HTML <span> 标签
- HTML <strike> 标签
- HTML <strong> 标签
- HTML <style> 标签
- HTML <sub> 标签
- HTML <sup> 标签
- HTML <table> 标签
- HTML <tbody> 标签
- HTML <td> 标签
- HTML <textarea> 标签
- HTML <tfoot> 标签
- HTML <th> 标签
- HTML <thead> 标签
- HTML <title> 标签
- HTML <tr> 标签
- HTML <tt> 标签
- HTML <u> 标签
- HTML <ul> 标签
- HTML <var> 标签
相关文章