学习了段落标签以后,我们在制作网页时,就应该把段落标签与文字标签联合起来应用。
1、制作“居左对齐”的文字,应使用:
<p align="left"><font style="color: rgb(0, 0, 255); font-family: 黑体; font-size: 20px;">文字内容</font></p>
2、制作“居中对齐”的文字,应使用:
<p align="center"><font style="color: rgb(0, 0, 255); font-family: 黑体; font-size: 20px;">文字内容</font></p>
3、制作“居右对齐”的文字,应使用:
<p align="right"><font style="color: rgb(0, 0, 255); font-family: 黑体; font-size: 20px;">文字内容</font></p>
上面的联合标签,其顺序是:段落首标签,文字首标签,文字内容,文字尾标签,段落尾标签。
要修改文字的颜色,你可以修改括号内的三个数值:第一个数值是红色,第二个数值是绿色,第三个数值是蓝色。
要修改文字的字体,你可以把“黑体”修改为:宋体、隶书、微软雅黑等字体。
要修改文字的大小,你可以修改字号的值,也就是文字标签中的那个20。
在制作图片网页的时候,我们只需使用段落标签即可(一般是使用“居中对齐”的段落标签)。把图片标签放到段落标签的首标签与尾标签之间即可。
举例如下:
你想应用段落标签的哪些属性,都可以把它们添加到段落标签的首标签中;你想应用文字标签的哪些属性,都可以把它们添加到文字标签的首标签中。添加的方法,要用css样式添加,还需进行测试,因为有些属性之间,可能会发生冲突,还可能有个先后的顺序问题。只有经过测试,才能够知道添加的这些属性是否有效,是否能够正常显示。
现举例如下:
<P style="BORDER-BOTTOM: rgb(153,253,255) 4px solid; FILTER: glow(color=yelow, strength=0); BORDER-LEFT: rgb(153,253,255) 4px solid; LINE-HEIGHT: 150%; TEXT-INDENT: 2em; WIDTH: 99%; LETTER-SPACING: 10px; FONT-FAMILY: 黑体; COLOR: rgb(0,200,0); FONT-SIZE: 26pt; BORDER-TOP: rgb(153,253,255) 4px solid; BORDER-RIGHT: rgb(153,253,255) 4px solid"> 这次教程撰写,力求通俗易懂,实用性强。特别是在教程中加大了应用举例的笔墨力度,并附有比较详细的解析说明。</P>
“复制”上面的红色内容,“粘贴”到你的图书馆首页“撰写”文章处的“代码编辑页面”“发表”,看看其显示效果。
上面的段落标签,设置了四条边框线的颜色、宽度、样式,光晕滤镜的颜色、强度,行高,首行缩进,宽度,字距,字体,颜色,字号等属性。 |