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

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.htmhtmlhead  title字体颜色的设置/title/headbody  浅红色文字：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.htmhtmlhead  title字体尺寸的设置/title/headbody  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网页中显示的字型从浏览端的系统中调用，所以为了保持字型一致，建议采用宋体，HTML页面也是默认采用宋体。在D:\web\目录下创建网页文件，命名为font_face.htm，编写代码如代码1.9所示。代码1.9