html段落

分享于 

4分钟阅读

Web开发

  繁體

创建段落

paragraph元素用于发布网页上的文本。

段落定义为 <p> 标签,段落标签是一个非常基本的标签,通常是在网页上发布文本所需的第一个标签,下面是一个示例:

例子


<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

结束段落元素

在HTML 4和更早版本中,使用开始标记启动一个新段落就足够了,即使你忘记了结束标记,大多数浏览器仍能正确显示html ,例如:

例子


<p>This is a paragraph.
<p>This is another paragraph.

上面例子中的HTML代码可在大多数网络浏览器中使用,但是请不要依赖它,遗忘结束标记可能产生意外的结果或错误。

备注: 为了向前兼容和良好的编码实践,建议同时使用段落的开始标记和结束标记。

创建换行符

<br> 标记用于在网页上插入换行符。

<br> 是一个 </br> 标签。

例子


<p>This is a paragraph <br> with line break.</p>
<p>This is <br>another paragraph <br> with line breaks.</p>

备注: 不要用空段落,换句话说<p></p> 在网页中添加了额外的空白,浏览器忽略空段落,因为它是逻辑标记,使用css margin 属性来调整元素周围的空间。

创建水平线

你可以使用 <hr> 标记创建水平线条以可视方式分隔网页上的内容节,像 <br> ,那个 <hr> 也是一个空元素,下面是一个示例:

例子


<p>This is a paragraph.</p>
<hr>
<p>This is another paragraph.</p>

管理空白空格

通常,浏览器将显示HTML代码中创建的多个空格,方法是按空格键或者 tab键,通过按Enter键在HTML代码内部创建的多个换行符也显示为单个空格。

以下各段将在一行中显示,没有额外的空格:

例子


<p>This paragraph contains multiple spaces in the source code.</p>
<p>
 This paragraph
 contains multiple tabs and line breaks
 in the source code.
</p>

插入 &nbsp; 用于创建额外的连续空格,而插入 <br> 用于在网页上创建换行符的标记,如下面的示例所示:

例子


<p>This paragraph has multiple&nbsp;&nbsp;&nbsp;spaces.</p>
<p>This paragraph has multiple<br><br>line<br><br><br>breaks.</p>

定义预先格式化的文本

有时,使用 &nbsp;或者,你可以使用 <pre> 标记显示空格,制表符,换行符等,html文件中所写的完全一样,在展示空格和换行符如诗或代码这样的重要文本时,它非常有用。

以下示例将在浏览器中显示与源代码中相同的文本:

例子


<pre>
 Twinkle, twinkle, little star, 
 How I wonder what you are! 
 Up above the world so high, 
 Like a diamond in the sky.
</pre>

PAR  段落  Paragraphs  
相关文章