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

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

本节从文字的细节修饰入手,使读者能把握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 />