本节从文字的细节修饰入手,使读者能把握HTML的各种字体格式的变化,制作出更为专业的网页。
4.2 文字的多样化修饰
上一节学习了大块段落的各种设置,对于文字本身修饰似乎更加吸引人。本节从文字的细节修饰入手,使读者能把握HTML的各种字体格式的变化,制作出更为专业的网页。
4.2.1 文字样式设置的基本标签—<font>
设置字体样式的基本标签是<font></font>,被其包含的文本为样式作用区。在初学者的HTML代码编写中,<font></font>容易被多重嵌套,如<font 属性1=值1><font 属性2=值2>文本</font></font>。还有一种情况是标签嵌套错位,如<font><p>文本</font></p>。为了规范代码的编写,避免不必要的错误,读者在初学时一定要谨慎。
4.2.2 设置文字的颜色
color是<font></font>标签的属性之一,用于设置文字颜色。在D:web目录下创建网页文件,命名为font_color.htm,编写代码如代码4.7所示。
代码4.7 字体颜色的设置:font_color.htm
<html>
<head>
<title>字体颜色的设置</title>
</head>
<body>
浅红色文字:<font color="#dd0000">HTML学习的本质就是该是什么就用什么</font><br />
深红色文字:<font color="#660000">HTML学习的本质就是该是什么就用什么</font><br />
浅绿色文字:<font color="#00dd00">HTML学习的本质就是该是什么就用什么</font><br />
深绿色文字:<font color="#006600">HTML学习的本质就是该是什么就用什么</font><br />
浅蓝色文字:<font color="#0000dd">HTML学习的本质就是该是什么就用什么</font><br />
深蓝色文字:<font color="#000066">HTML学习的本质就是该是什么就用什么</font><br />
浅黄色文字:<font color="#dddd00">HTML学习的本质就是该是什么就用什么</font><br />
深黄色文字:<font color="#666600">HTML学习的本质就是该是什么就用什么</font><br />
浅青色文字:<font color="#00dddd">HTML学习的本质就是该是什么就用什么</font><br />
深青色文字:<font color="#006666">HTML学习的本质就是该是什么就用什么</font><br />
浅紫色文字:<font color="#dd00dd">HTML学习的本质就是该是什么就用什么</font><br />
深紫色文字:<font color="#660066">HTML学习的本质就是该是什么就用什么</font><br />









