HTML代码课堂（二）－如何设置字体

HTML代码课堂（二）－如何设置字体

 

 

 

 

首先向大家道歉，因为最近新浪博客有点问题，无法给大家的留言和评论及时回复，有的回复发表时就消失啦，郁闷。不过红豆在心里还是记得这些热情亲切的朋友们，谢谢你们常来看我。

 

       呵呵，没有想到大家还是很喜欢学习HTML代码的，我刚开始学习HTML代码的时候也是一窍不通。虽然有一点英文基础，但是还是有好多专业术语搞不懂，可是因为非常喜欢制作音画贴，只好硬着头皮学习，没有想到竟然不是特别难，我想大家经过一个阶段的学习，一定能够掌握这种计算机语言的。

 

       由于水平有限，只能将我明白的东西介绍给大家。需要进一步学习，可以到网上去搜索更多好的教程。

 

让我们首先从字体设置开始

 

在HTML代码里，字体的定义并不是很难，我们只需用标签即可定义字体、字号、字体颜色等。 标签原则上要求成对出现，即在被修饰的字体前使用引导，在被修饰的文字后用结尾。下面给出例子和效果及相关说明：

    语法：<FONT face=黑体 color=red size=4>北国红豆欢迎您的光临</FONT>

 

效果：

北国红豆欢迎您的光临

大家看到了吧，将上面的代码（文章中蓝色的部分）粘贴到“显示源代码”处（必须粘贴到这里才能显示效果），就可以看到代码设置的效果了。蓝色部分的代码语法意思是，文字的字体是黑体，字号是四号字，颜色是红色。然后将愈输入的文字“北国红豆欢迎您”放在设置好的语法处，用成对标签来定义，就可以实现代码的效果了。

说明：标签里，face为字体名称，“=黑体”即表示被修饰的文字即“北国红豆欢迎您”的字体为黑体，至于定义为什么字体，看你的喜好了，如果你所设置的字体不存在，系统自动使用默认字体显示（如中文Windows平台下宋体就是默认字体），我的电脑里面下载了好多花里胡梢的字体，比如文鼎妞妞体、反正黄草简体等等之类，这些字体如果浏览者的电脑中没有的话，即使你设置了也是不会显示的只会显示中文Windows平台下的宋体。size表示字号，博客中的字体为10－48象素，通常数字越大字号也就越大，我设置的字体是字号，至于对应到博客中的字体是多大，我还不太清楚呢（不好意思）。color用来定义文字的显示颜色，其值放在和前面的各元素一样放在等号的后面，颜色的表示方式可用少量的颜色英文明文，也可用Web色码方式，如#ff0000，色码表请参阅这两篇文章。颜色代码选择器和屏幕取色专家

字体修饰还用到其他的标签，分别介绍如下：

    粗体：文字  （例：：文字 ）

    加重：文字 (例：文字 ）

    上标：^文字  （例：^文字 ）

    下标：_文字  （例：_文字）

    斜体：文字  （例：文字 ）

    下划线：文字  （例：文字 ）

 

 最后讲讲突破博客中所设文字大小问题：

    这时候我们需要以嵌套方式用CSS样式来定义字体，这种方法可以让我们最大限度地设置字号大小，实现方法也很简单，只需在标签里增加以下代码即可。请看以下代码和效果：

    代码：：<FONT style="FONT-SIZE: 100pt; FONT-FAMILY: 华文行楷," color=#ff0000>北国红豆欢迎您</FONT>

北国红豆欢迎您

看到了吧，这么大的字体在博客中是设置不出来的，但是用上面的代码就能实现

其中style="font-size: 100pt;就是字体大小，100pt就是一百象素的意思，可以任意更换。color=#ff0000是设置文字的颜色的，这回使用的是颜色代码，我在以前的文章中介绍过取色器和颜色代码表，可以从那里得到颜色的代码，非常方便颜色的设置