理论教育 字体标记的使用方法及效果-网页设计与制作

字体标记的使用方法及效果-网页设计与制作

时间:2023-11-04 理论教育 版权反馈
【摘要】:<font>标记可以设置文字的大小、字体、颜色,该标记直接作用于其后的文字,可在文档中多处设定。字体标记的格式为:<font size="数字"face="字体名"color="颜色">被设置的文字</font>其中:size用来设置文字的大小(字号)。图4-5设置文字字号、字体、颜色我们在前面介绍<body>标记时,讲解过使用<body>标记中的text属性可以设置文字颜色,现在我们知道使用<font>标记中的color属性也可以设置文字颜色。

字体标记的使用方法及效果-网页设计与制作

<font>标记可以设置文字的大小、字体、颜色,该标记直接作用于其后的文字,可在文档中多处设定。虽然字体标记<font>被W3C列为不建议使用的标记(以后将学习用CSS来设定字体),但由于在非标准网页中仍被大量使用,所以下面简要介绍其用法。字体标记的格式为:

<font size="数字"face="字体名"color="颜色">被设置的文字</font>

其中:

(1)size用来设置文字的大小(字号)。数字的取值范围为1~7,size取1时最小,取7时最大。

(2)face用来设置字体。当文字为汉字时,属性face中的“字体名”可以为:宋体、幼圆、隶书、楷体GB2312、黑体、仿宋GB2312等;当文字为英文时,字体名可以为Times New Roman等约50种字体。这里的字体名就是在Word的“字体”工具栏中显示的字体名。

(3)color用来设置文字颜色。颜色值用英文单词或以“#”引导的十六进制数。

【例4-5】用<font>设置网页中文字的字号、字体、颜色。

在代码编写窗口中输入下面的代码:

<!--文件名:ex4-5.html-->

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type"content="text/html;charset=gb2312"/>

<title>用font标记设置文字的大小</title>(www.daowen.com)

</head>

<body>

<fontsize="7">鉴赏性阅读四步法</font><br/>

<font size="4"face="幼圆"color="blue">1.注重语感</font><br/>

<font size="4"face="方正舒体"color="green">2.展开想象</font><br/>

<font size="5"face="隶书"color="pink">3.深入体验</font><br/>

<font size="5"face="华文彩云"color="orange">4.力求领悟</font><br/>

<font size="6"color="red">鉴赏性阅读是指以鉴赏作品的艺术形式为主要目的的阅读。</font><br/>

</body></html>

在浏览器中的显示效果如图4-5所示。

图4-5 设置文字字号、字体、颜色

我们在前面介绍<body>标记时,讲解过使用<body>标记中的text属性可以设置文字颜色,现在我们知道使用<font>标记中的color属性也可以设置文字颜色。如果<body>与<font>标记同时对文字颜色定义时,则<font>标记将优先。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈