当前位置: 洪哥笔记 > HTML教程 > HTML字体样式

 

HTML字体样式

别人的网页都是彩色的,洪哥之前演示的,貌似除了<a>标签之外,没见到颜色、字体、精细等样式啊,这一篇我们就介绍样式。

1、文字颜色
<font color="red">红色的字</font>
<font color="#0000FF">蓝色的字</font>

font就是字体的意思,color属性表示颜色。可以用颜色对应的英文来表示,也可以用RGB来表示颜色。
#0000FF是由井号加上三对十六进制数组成,分别代表红、绿、蓝三原色的成分。红色0,绿色0,蓝色FF(表示255),那这个颜色就是纯蓝色了。关于颜色这块,洪哥也不是搞多媒体的,只能点到为止了。

2、文字字体
<font face="黑体">黑体字</font>
<font face="Courier New">Courier New</font>
使用face属性,来控制字体格式。这些字体格式是你可以在Word里面看到所有的字体名称。

3、文字大小
<font size="3">3号大小的字</font>
使用size属性来控制文字的大小,这里size的取值可以是1-7,1号最小,7号最大。

4、文字加粗
<b>粗体字</b>
<b>标签是bold的简写,表示加粗的意思,直接一个标签套上去就可以把文字加粗了。

5、文字斜体
<i>斜体字</i>
<i>标签是italic的简写,表示斜体的意思,直接一个标签套上去就可以把文字变成斜体了。

6、文字下划线
<u>斜体字</u>
<u>标签是underline的简写,表示下划线的意思,直接一个标签套上去就可以把文字加上下划线了。

讲了这么多了,也差不多了。其实在HTML中,还有很多关于控制样式的标签,但因为用得少,就不一一去列举了。比如<sub>表示下标,<sup>表示上标等。洪哥要提醒一下大家,本章的这些标签其实在标准化组织中都不建议使用了。因为和样式相关的东西,建议是使用CSS(层叠样式表,洪哥后面会讲到)来完成,而不是标签来标记样式。