打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
11.HTML字体(Fonts)

HTML字体(Fonts)

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中和文字的相关属性,请参见我们教程中的:

CSS常用文本属性

CSS常用字体属性

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
《SRT字幕特效代码大全》
英文字体分类
WEB安全字体(Web Safe Fonts)
CSS学习之三 字体使用说明_CSS教程_Div+CSS_网页制作_脚本之家
IOS开发之UIFont应用
[iOS] UIFont 设置字体
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服