HTML网页各种字体格式的细节修饰

2020-04-16 21:46:36易采站长站整理

</body>

</html>

在浏览器地址栏输入http://localhost/font_color.htm,浏览效果如图4.7所示。

图4.7 字体颜色的设置

读者不但可以从代码4.7中学到color属性在font标签中的用法,还可以熟悉各种颜色的表示方法。

4.2.3 设置文字的尺寸

size也是<font></font>标签的属性,用于设置文字大小。size的值为1-7,默认为3。我们可以size 属性值之前加上“+”、“-”字符,来指定相对于字号初始值的增量或减量。在D:web目录下创建网页文件,命名为font_size.htm,编写代码如代码4.8所示。

代码4.8 字体尺寸的设置:font_size.htm

<html>

<head>

<title>字体尺寸的设置</title>

</head>

<body>

size为1:<font size="1">HTML学习</font><br />

size为2:<font size="2">HTML学习</font><br />

size为3:<font size="3">HTML学习</font><br />

size为4:<font size="4">HTML学习</font><br />

size为5:<font size="5">HTML学习</font><br />

size为6:<font size="6">HTML学习</font><br />

size为7:<font size="7">HTML学习</font><br />

</body>

</html>

在浏览器地址栏输入http://localhost/font_size.htm,浏览效果如图4.8所示。

图4.8 字体尺寸的设置

读者可尝试在size值前面加上“+”、“-”字符,更灵活地设置文字尺寸。

4.2.4 设置文字的字体

face也是<font></font>标签的属性,用于设置文字字体(字型)。HTML网页中显示的字型从浏览端的系统中调用,所以为了保持字型一致,建议采用宋体,HTML页面也是默认采用宋体。在D:web目录下创建网页文件,命名为font_face.htm,编写代码如代码4.9所示。

代码4.9 字体字型的设置:font_face.htm

<html>

<head>

<title>字体字型的设置</title>

</head>

<body>

字型为宋体:<font size="5">沁园春·长沙-毛泽东</font><br />

字型为楷体:<font size="5">沁园春·长沙-毛泽东</font><br />

字型为黑体:<font size="5">沁园春·长沙-毛泽东</font><br />

字型为隶书:<font size="5">沁园春·长沙-毛泽东</font>