HTML中设置各种字体格式的语法.pdfVIP

1.2 文字的多样化修饰 本文从文字的细节修饰入手，使读者能把握HTML 的各种字体格式的变化，制作出更为专业 的网页。 1.2.1 文字样式设置的基本标签—font 设置字体样式的基本标签是font/font，被其包含的文本为样式作用区。在初学者的 HTML 代码编写中，font/font容易被多重嵌套，如font 属性 1 值 1font 属性2 值 2文本/font/font。还有一种情况是标签嵌套错位，如fontp文本/font/p。为了 规范代码的编写，避免不必要的错误，读者在初学时一定要谨慎。 1.2.2 设置文字的颜色 color 是font/font标签的属性之一，用于设置文字颜色。在D:\web\目录下创建网页文件， 命名为font_color.htm，编写代码如代码 1.7所示。 代码 1.7 字体颜色的设置：font_color.htm html head title字体颜色的设置/title /head body 浅红色文字：font color #dd0000HTML 学习的本质就是该是什么就用什么/fontbr / 深红色文字：font color #660000HTML 学习的本质就是该是什么就用什么/fontbr / 浅绿色文字：font color #00dd00HTML 学习的本质就是该是什么就用什么/fontbr / 深绿色文字：font color #006600HTML 学习的本质就是该是什么就用什么/fontbr / 浅蓝色文字：font color #0000ddHTML 学习的本质就是该是什么就用什么/fontbr / 深蓝色文字：font color #000066HTML 学习的本质就是该是什么就用什么/fontbr / 浅黄色文字：font color #dddd00HTML 学习的本质就是该是什么就用什么/fontbr / 深黄色文字：font color #666600HTML 学习的本质就是该是什么就用什么/fontbr / 浅青色文字：font color #00ddddHTML 学习的本质就是该是什么就用什么/fontbr / 深青色文字：font color #006666HTML 学习的本质就是该是什么就用什么/fontbr / 浅紫色文字：font color #dd00ddHTML 学习的本质就是该是什么就用什么/fontbr / 深紫色文字：font color #660066HTML 学习的本质就是该是什么就用什么/fontbr / /body /html 在浏览器地址栏输入http://localhost/font_color.htm，浏览效果如图1.7 所示。 图1.7 字体颜色的设置 读者不但可以从代码 1.7 中学到color 属性在font 标签中的用法，还可以熟悉各种颜色的表 示方法。 1.2.3 设置文字的尺寸 size 也是font/font标签的属性，用于设置文字大小。size 的值为1-7，默认为3。我们可 以size 属性值之前加上“＋”、“－”字符，来指定相对于字号初始值的增量或减量。在D:\web\ 目录下创建网页文件，命名为font_size.htm，编写代码如代码 1.8所示。 代码 1.8 字体尺寸的设置：font_size.htm html head title字体尺寸的设置/title /head body size 为1：font size 1HTML 学习/fontbr / size 为2：font size 2HTML 学习/fontbr / size 为3：font size 3HTML 学习/fontbr / size 为4：font size 4HTML 学习/fontbr / size 为5：font size 5HTML 学习/fontbr / size 为6：font size 6HTML 学习/fontbr / size 为7：font size 7HTML 学习/fontbr / /body /html 在浏览器地址栏输入http://localhost/font_size.htm，浏览效果如图1.8所示。 图1.8 字体尺寸的设置 读者可尝试在size 值前面加上“＋”、“－”字符，更灵活地设置文字尺寸。 1.2.4 设置文字的字体 face 也是font/font标签的属性，用于设置文字字体 （字型）。HTML 网页中显示的字型 从浏览端的系统中调用，所以为了保持字型