html段落标签p的简介以及和换行标签br的区别

1内容常常我们在需要分段把文字有条理的显示出来时候，对内容前加内容后加即可实现文章换段落。1234567891011121314"utf-8">4.3段落标签木兰花·拟古决绝词人生若只如初见，何事秋风悲画扇。等闲变却故人心，却道故人心易变。...

wwwarewow

10235人浏览 · 2022-07-22 08:45:47

wwwarewow · 2022-07-22 08:45:47 发布

段落标签

<p>内容</p>

常常我们在需要分段把文字有条理的显示出来时候，对内容前加内容后加即可实现文章换段落。

应用举例：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>4.3 段落标签</title>
    </head>
    <body>
        <h2>木兰花·拟古决绝词</h2>
        <p>人生若只如初见，何事秋风悲画扇。</p>
        <p>等闲变却故人心，却道故人心易变。</p>
        <p>骊山语罢清宵半，泪雨零铃终不怨。</p>
        <p>何如薄幸锦衣郎，比翼连枝当日愿。</p>
    </body>
</html>

效果示例图

分析：上面的词写在段落p中，浏览器显示出来的文字会自动换行，并且段落和段落之间还有空隙。

再看看没有添加P标签的效果图

如果不添加分段标签，所有的文字都会在一个段落显示，虽然我已经很努力的进行了整齐的排列。但是浏览器不认。所以添加p标签，文字的显示会更加有条理。

不要忘记结束标签

如果忘记写结束标签，大多数浏览器也会正确地将 HTML 显示出来：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>4.3 段落标签</title>
    </head>
    <body>
        <h2>木兰花·拟古决绝词</h2>
        <p>人生若只如初见，何事秋风悲画扇。
        <p>等闲变却故人心，却道故人心易变。
        <p>骊山语罢清宵半，泪雨零铃终不怨。
        <p>何如薄幸锦衣郎，比翼连枝当日愿。
    </body>
</html>

上面的例子在大多数浏览器中都没问题，但千万不要这么写。这不仅是一个不好的习惯，而且忘记使用结束标签很可能造成网页构架出现严重的错误，比如错版。

换行标签

一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端才会自动换行，如果我们希望在中间换行，就要用到强制换行标签，是单词break的缩写，意为：打断、换行。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>4.3 段落标签</title>
    </head>
    <body>
        <h2>木兰花·拟古决绝词</h2>
        <p>人生若只如初见，何事秋风悲画扇。<br />
            等闲变却故人心，却道故人心易变。<br />
            骊山语罢清宵半，泪雨零铃终不怨。<br />
            何如薄幸锦衣郎，比翼连枝当日愿。</p>
    </body>
</html>

元素是一个空的 HTML 元素。由于关闭标签没有任何意义，因此它没有结束标签。

上面的代码显示效果如图：