HTML+CSS+JavaScript网页制作实用教程
上QQ阅读APP看书,第一时间看更新

2.6.1 课堂案例——使用段落标记<p>

<p>是HTML文档中最常见的标记,<p>标记用来起始一个段落。

语法:


<p>段落文字</p>

说明:段落标记可以没有结束标记</p>,每一个新的段落标记开始意味着上一个段落的结束。

举例:


<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>段落</title>
<style type="text/css">
body {
    background-color: #CFC;
}
</style>
</head>
<body>
<p>培养目标:本专业培养熟知民航相关法规,掌握民航服务礼仪、客舱应急、乘务空防安全等基本知识,具备服
务意识和安全意识,具备客舱服务与安全管理能力,德、智、体等方面全面发展的技术技能人才。</p>
<p>就业方向:面向航空公司客舱部、保卫部等部门,从事客舱服务、客舱安全、客运地面保障以及机场贵宾室、
问讯处服务等工作。</p>
</body>
</html>

代码中加粗的部分使用了段落标记,在浏览器中预览效果,可以看到将文本成功地分段,效果如图2.16所示。

在网页制作的过程中,将一段文字分成相应的段落,不仅可以增强网页的美观性,而且可以使网页层次分明,让浏览者感觉不到拥挤,如图2.17所示。

图2.16 段落效果

图2.17 段落应用