在HTML代码中设置字体

来源:互联网 发布:oracle数据库优化 编辑:程序博客网 时间:2024/05/29 16:51

首先从字体设置开始
 
在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是设置文字的颜色的,这回使用的是颜色代码,我在以前的文章中介绍过取色器和颜色代码表,可以从那里得到颜色的代码,非常方便颜色的设置

原创粉丝点击