标题和段落，是两个独立的元素，只所以放在一起介绍，是因为它们是用于文字排版。

标题

标题 (Headings) 通过 <h1> 到 <h6> 元素来定义。

h1 定义最大标题，h6 定义最小标题。

<h1>这是h1标题</h1> <h2>这是h2标题</h2> <h3>这是h3标题</h3> <h4>这是h4标题</h4> <h5>这是h5标题</h5> <h6>这是h6标题</h6> 

标题前后会自动添加空行。

💡 从这一节开始，所以的示例代码的展示效果在最后一起展示。

标题的重要性，不止体现在它的样式上。更是为了搜索引擎的搜录。

搜索引擎（Search Engine）会抓取互联网的各各站点，它使用标题对抓取到的网页结构和内容建立索引，这样用户就能通过标题快速浏览网页内容。

标题与字号的对应关系，是反向的。

h1 对应 6 号字体，而 h6 对应 1 号字体。

当然，学过了样式，我们就不难明白，使用样式是可以对标题字体大小进行自定义的，比如：

<h1 style="font-size:50px;">h1的字号被修改成了50px。</h1> 

在标题下，通常我们用一根横线表示分割，这根横线称为水平线，有一个专门的元素 hr。

水平线

hr 全称是 horizen，它是无内容的空元素，它不需要结束标签。

<hr /> 

段落

段落 (Paragraphs) 通过元素 p 定义，p 是块级元素。

它的完整写法如下：

<p>这是一个段落。</p> 

p 和 前面示意的 h1 一样，需要结束标签。

段落就像咱们看的文章一样，在一个自然段前后会换行，但中间内容不会。

如果想要换行，可以通过元素 br 实现。

换行

br 是 break 的简称，称为换行元素。

<p>   这是一个段落。它有第一行。<br />通过添加 br 得到第二行。<br />同样可以得到第三行。   如果不添加&lt;br/>，则这句内容不会换行，即使我们在编辑器里换行了。 </p> 

但这种使用 br 的方法实际体验非常不方便，那如果我们想要在网站上展示一些短小精悍的内容，比如一首古诗，有没有更好的办法呢？

答案当然是有，使用 pre 元素。

pre 元素

<pre>             春晓     春眠不觉晓，处处闻啼鸟；     夜来风雨声，花咯知多少。  </pre> 

pre 元素定义预先格式化的文本，它保留空格和换行。

效果展示

前面所有的示例放到了页面 2-3-1.html 下，展示效果如下图。

本节元素

总结

• 🍑 标题元素有 h1 到 h6，h1 字号最大，h6 字号最小。

• 🍑 段落元素 p 是块级元素，段落中的内容默认不自动换行，如果想换行可以通过<br>实现。

• 🍑 内容预先定义格式的文本，可以通过 pre 元素实现。