7、HTML 段落

1、HTML 段落

                 段落是通过 <p> 标签定义的。

                 实例：<p>这是一个段落</p>

                 注意：当我们没有给定结束标签时，浏览器会自动地在段落的前后添加空行。(</p>是块级元素)

                                  一般我们都会加上</p>，可以避免一些意想不到的结果和错误。

2、段落换行

                 如果您希望在不产生一个新段落的情况下进行换行(新行)，请使用 <br> 标签：

                 <p>这个<br>段落<br>演示了分行的效果</p>

                 <br>标签在开发中是很常用的，<br/>元素是一个空的HTML元素，由于关闭标签没有任何意义，因此它没有结束标签。

3、使用提醒

                 我们无法确定HTML被显示的确切效果。屏幕的大小，以及对窗口的调整都可能导致不同的结果。

                                                  对于屏幕大小，我们可以通过媒体查询的方式(css)设置他的布局方式和样式。

                                                                    比如在手机那样小的屏幕如何显示，在平板电脑上如何显示。

                 当显示页面时，浏览器会移除源代码中多余的空格和空行，所有连续的空格或空行都会被算作一个空格。

                                  需要注意：HTML代码中的所有连续空格、换行也会被解析为一个空格。

                                                                    但是我们后面会学到如何使用样式去解析连续空格和连续换行。

                                                                                                     通过：white-space:pre;可以解析换行。

 

4、实例：使用标签排版一首诗

                 

<h1>锄禾</h1>
<p>

    锄禾日当午<br/>

    汗滴禾下土<br/>

    谁知盘中餐<br/>

    粒粒皆辛苦

</p>

                   解析结果如下：

锄禾

锄禾日当午

汗滴禾下土

谁知盘中餐

粒粒皆辛苦

关注我的公众号，每天会持续不断更新编程干货。