6、HTML 段落 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<!--
HTML 段落：
    段落是通过 <p> 标签定义的。
    注释：浏览器会自动地在段落的前后添加空行。（<p> 是块级元素）
    使用空的段落标记 <p></p> 去插入一个空行是个坏习惯。用 <br /> 标签代替它！

HTML 折行 <br />，或者<br>，推荐使用前者

HTML 输出 - 有用的提示（格式化问题）
    我们无法确定 HTML 被显示的确切效果。屏幕的大小，以及对窗口的调整都可能导致不同的结果。
    对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。
    当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。
    需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。

-->
<body>
<p>这是段落</p>

<p>This is<br />a para<br />graph with line breaks</p>

<p>这是一段话，<br />通过br标签折行</p>

<!--HTML 输出 - 有用的提示-->

<p>
  春眠不觉晓，
      处处闻啼鸟。
          夜来风雨声，
              花落知多少。
</p>
<!--这里我虽然这么写，但是显示会自动去掉空格，显示一行-->
<!--春眠不觉晓， 处处闻啼鸟。 夜来风雨声， 花落知多少。
注意，浏览器忽略了源代码中的排版（省略了多余的空格和换行）。-->

</body>
</html>
posted @ 2023-01-09 00:29  啃苹果的猪  阅读(11)  评论(0)    收藏  举报