4.3 段落设置

段落设置其实很容易,就是在一张网页上用到段落的地方,会对其布局或字体进行设置,网页中的文章都会有多个段落,所以在段落上要注意。

多个段落有多个段落标记,如下表示两个段落。


<p>段落一

<p>段落二


有多少个段落就有多少个<p>标记,然后对每个段落进行必要的设置。现在用以前学过的知识来练习一下段落设置,如代码4.5所示。

代码4.5 源代码\第5章\段落设置.html


——————————————-文件名:段落设置.html——————————————-

01 <html>

02 <head>

03 <title>段落设置</title>

04 </head>

05 <body>

06 <!—下面一行表示给不同段落设置不同的样式—>

07 <p><font color="red">段落一:HTML+CSS完全自学手册</font>

08 <p><b>段落二:HTML+CSS完全自学手册</b>

09 <p><s>段落三:HTML+CSS完全自学手册</s>

10 <p><h1>段落四:HTML+CSS完全自学手册</h1>

11 </body>

12 </html>


【代码解析】在代码第7~10行有4个段落,每个段落都设置了不同的样式,如代码第7行的段落一颜色为红色,代码第8行的段落二设置为粗体,代码第9行的段落三为删除线,代码第10行的段落四的文本设置为标题的样式,比较这4个段落的效果,如图4.6所示。

4.3 段落设置 - 图1

图 4.6 段落设置