Web标准网页设计原理与前端开发技术
上QQ阅读APP看书,第一时间看更新

4.5 段落元素

在HTML文档中,使用p元素可以在网页中将一段文本定义为段落(Paragraph)。Web浏览器会自动在段落的前后添加空行。如果希望在不产生一个新段落的情况下换行,可以在p元素内使用br元素定义强制性换行。

例4-5】 在HTML文档中使用p元素定义段落。HTML代码如下:

在以上HTML代码中,使用两个p元素定义了两个段落。

在第1个段落中,使用em元素和strong元素分别对文本“互联网(Internet)”和“因特网”进行了强调性格式化。因此,文本“互联网(Internet)”和“因特网”会表现出与其他文本不同的视觉效果,这样容易引起网页浏览者的注意。

在第2个段落中,使用三个br元素定义了三个强制性换行。

使用IE浏览器打开HTML文档4-5.htm,网页的浏览效果如图4-6所示。

图4-6 使用p元素定义段落

注意:

①  p元素既是块级元素,又是结构性元素。

② 块级元素可以包含其他的块级元素,也可以包含行内元素,还可以包含文本内容。例如,在本例中,第1个p元素就包含一个em元素和一个strong元素。换句话说,第1个p元素有两个子元素:一个是em元素,一个是strong元素;em元素和strong元素的父元素都是p元素。

③ 行内元素可以包含内容和其他的行内元素,但不能包含块级元素。