精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>网络专区>>● 网站建设>>盖世神功 — 网站建设技术>>HTML — 做好一个网页不能没有的基础>>HTML教程>>HTML 的字体与颜色

主题:HTML 的字体与颜色
发信人: boogeyman()
整理人: microant(1999-08-02 12:13:18), 站内信件
7.1.3 字体与颜色
HTML中有不少用于字体的标记,如上例中的 表示用粗体(Bold)显示。
其它还
 斜体(Italic),<TT> </TT>定长宽度字体(Teletype)。这类标记
属于物理意
义上的标记,它们明确指定了用哪一类型的字体。另外还有一类属于逻辑意义上
的标记。如
<EM> </EM>突出显示(Emphasize),它并不指明怎样的突出法,而让Web浏览器
自行
决定,大多浏览器就把它处理为斜体(等效于 )。类似的逻辑型标记还
有:

<SRTONG> </STRONG>   重点突出显示(Strong emphasize)
<ADDRESS> </ADDRESS>  按地址类型显示
<CODE> </CODE>     按代码类型显示
等等。
上述标记只是定义字体的形状(粗体或斜体),而并不能改变字体的大小。若想
改变字体的
大小可利用正文标题标记<H1>至<H6>,其中<H1>至<H3>比一般正文字体大,而<H
4>
至<H6>比一般正文字体小。由于标题标记具有段落属性,这使得一个段落内不能
使用两
种Heading标记,请看下例 :

In one paragraph use bold text and italic text and 
<TT>fixed_with text</TT> and also bold+italic text
or other <STRONG>strong emphasize text </STRONG> etc.<P>
But <H1>Heading level 1</H1> and <H2>italic Heading level 2</H2
>
can't be in one paragraph.

图7-2是上述源代码在Netscape中 的显示。



图7-2 HTML2.0 的字体样式
为了解决不同大小的字体能在一段内显示,HTML3.0 新推出 标记
。它带有
SIZE属性,属性值可取相对值,如:SIZE = "+2" 表示比当前字体大两号,反之
 SIZE = "-1" 
则比当前字体小一号。另外SIZE也可取绝对值(默认值为3),如:SIZE=4,则代
表4号字体
。同时HTML3.0还提供了上标字体标记<SUP> </SUP>等,请看下例 :

This is HTML+ font:<BR>
<FONT SIZE="+1">Bigger level 1 and <FONT SIZE="+3">
Bigger level 3 and Smaller level 1 
and <FONT SIZE=5>The NO.5 font<SUP><FONT SIZE="-1">(TM)</SUP>
in one paragraph.

其效果如图7-3所示。
另外,HTML3.0还可定义整个文档的背景和字体的颜色。它通过在<BODY>标记中增
加属性
BGCOLOR和TEXT来定义,属性值为带#号的十六进制RGB值。如要使背景为白色,文

为黑色,可这样定义:<BODY BGCOLOR=#ffffff TEXT=#000000>  文档正文部分 
  </BODY>
如果要将文档正文部分中的某些词组定义为其它颜色,可以在标记中加上
COLOR
属性,属性值同样为带#号的十六进制RGB值。



图7-3 HTML+的新字体样式

--
████████世事无绝对,只有真情趣! 
█◤☆◥◤☆◥█ http://boogeyman.yeah.net 
█☆☆☆☆☆☆█ http://daemonic.163.net/tips.zip 
█◣☆☆☆☆◢█ [飞碟基地;美女图库;妖魔鬼怪] 
██◣☆☆◢██ 当所有人都疯狂时,冷静的我已掌管一切!
███◣◢███                            --刑舞灵--

※ 来源:.月光软件站 http://www.moon-soft.com.[FROM: 202.104.64.126]

[关闭][返回]