HTML字体(Fonts)

来源:互联网 时间:1970-01-01

在HTML里,可以用font这个元素及其属性来设定字体的大小,颜色和字体风格。

字体大小

用字体大小属性(size)来设定字体的大小。示例代码如下:

<p><font size="2">这一段的字体大小的值是2。</font></p>

<html>

<head><title>字体大小 font size</title></head>

<body>

<p><font size="1">这段文字的字体大小值为1。</font></p>

<p><font size="2">这段文字的字体大小值为2。</font></p>

<p><font size="3">这段文字的字体大小值为3。</font></p>

<p><font size="4">这段文字的字体大小值为4。</font></p>

<p><font size="5">这段文字的字体大小值为5。</font></p>

<p><font size="6">这段文字的字体大小值为6。</font></p>

<p><font size="7">这段文字的字体大小值为7。</font></p>

</body>

</html>

字体风格

用face属性来设定字体风格。示例代码如下:

<p><font fac="arial">这一段的字体风格是arial。</font></p>

<html>

<head><title>字体风格 font face</title></head>

<body>

<p>以下第一段用的是arial字体,第二段用的是courier字体,第三段用的是verdana字体。</p>

<p><font face="arial">arial courier verdana</font></p>

<p><font face = "courier">arial courier verdana</font></p>

<p><font face="verdana">arial courier verdana</font></p>

</body>

</html>

字体颜色

用颜色属性(color)来设定字体颜色。

字体颜色代码请参见HTML颜色参考(HTML Color Reference)。

<p><font color="#FF0000">这一段的字体颜色是红色</font></p>

<html>

<head><title>字体颜色 font color</title></head>

<body>

<p>这段文字用的是缺省的字体颜色。</p>

<p><font color="#FF0000">这段文字的字体颜色为红色。</font></p>

<p><font color="gray">这段文字的字体颜色为灰色。</font></p>

<p><font color="#33CC00">这段文字的字体颜色为绿色。</font></p>

</body>

</html>

注意

HTML4的标准中,已经不建议使用font及其属性来设定字体,而是建议用CSS来设定字体的大小,颜色,字体风格等。有关CSS中和文字的相关属性


相关阅读:
Top