![网页设计与制作教程:Web前端开发(第7版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/945/50604945/b_50604945.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.1.2 段落元素p和换行元素br
1.段落元素p
段落元素p用于定义一个段落(paragraph)。在显示内容时,浏览器会增加段前和段后的行距。段落的行数依赖于浏览器窗口的大小。如果段落元素的内容中有多个连续的空格(按<Space>键生成)或连续的换行(按<Enter>键生成),浏览器会将其解释为一个空格( )。段落元素的基本格式为:
![](https://epubservercos.yuewen.com/853F7D/29810394404576006/epubprivate/OEBPS/Images/25_01.jpg?sign=1739376757-XKx5dtAhlv16UH1UjgHnAv5XYBqJgITE-0-48787f286d567c17e20cac1e4e2fec02)
在HTML5中,推荐使用CSS来设置段落元素p的属性。
2.换行元素br
要在文本中创建一个换行,可以使用br元素。<br>标签定义一个换行(break),通常放在<p>标签内。需要注意的是,不要用<br>标签创建段落,因为它与<p>标签的语义不同,并且在浏览器中的显示效果也不同。<br>标签不会增加段前和段后的行距。换行元素的格式为:
![](https://epubservercos.yuewen.com/853F7D/29810394404576006/epubprivate/OEBPS/Images/25_02.jpg?sign=1739376757-Rt8yYX7MCfbZ4s7Y5MduHkZ00cprfKdg-0-6be70f9a51cbf04d6ccfa4a43961bc12)
【例2-2】段落元素p和换行元素br示例。本例文件2-2.html的代码如下,在浏览器中显示的效果如图2-2所示。
![](https://epubservercos.yuewen.com/853F7D/29810394404576006/epubprivate/OEBPS/Images/25_03.jpg?sign=1739376757-mwe2x7G1cisrkzvpTOzb0MFQsn9r9grt-0-47256ff7d5d43192beaa7bc953725dd1)
![](https://epubservercos.yuewen.com/853F7D/29810394404576006/epubprivate/OEBPS/Images/25_04.jpg?sign=1739376757-ZZt3aP2fgFBgtI08RwIURCkGOKsvp5BU-0-8e2952722c9e2ca3aa311cf2e8e69b4a)
图2-2 段落元素、换行元素示例
在此示例中,<p>标签用于创建两个独立的段落,而<br>标签则在每个段落内部创建了一个换行。此外,通过在<p>标签的内容中使用“ ”,还可以在段落的开始处创建缩进。