HTML代码和字体颜色使用方法

作者:zqcheng    发布于8年前 (2010-05-10)    阅读:  221  次
1.初级字体特效

加粗

代码:<b>加粗</b>

蓝色标明:需要加粗的文字.

倾斜

代码:<em>倾斜</em>

蓝色标明:要倾斜的文字.

下划线

代码:<u>下划线</u>

蓝色标明:要加下划线的文字.

删除线

代码:<s>删除线</s>

蓝色标明:要加下划线的文字.

字体加大

代码:<big>字体加大</big>

蓝色标明:要放大的文字.

字体控制大小

代码:<H3>字体大小(其中字体大小可从H1-H6,H1最大,H6最小)</H3>

蓝色标明:要控制大小的文字.

字体的基本代码是这些,需要指出的是,代码并不是唯一的,比如倾斜的用EM和I就都可以;而对于某些特效,你想知道代码,可以通过点击右键,查看源文件来查看代码。


2.彩色字体及部分颜色代码

更改字体颜色:

<font color=”#value”>写上你想写的字</font>(其中value值在000000与FFFFFF(16位进制)之间修改#后面的数值,就可以改变字体的颜色。

部分常用颜色代码:

#ff0000 红色的字喔!

#ff8000 橙色的字喔!

#ffff00 黄色的字喔!

#00ff00 绿色的字喔!

#0080ff 蓝色的字喔!

#0000a0 靛色的字喔!

#8000ff 紫色的字喔!

#000000 黑色的字喔!

#c0c0c0 灰色的字喔!

特效发光字

特效发光字

代码

<fieldset STYLE=’border:;padding:14px;filter:glow(color=#0080ff,strength=3);letter-spacing:2px;’><font STYLE=’font:12px/14px;color:#ffffff;font-weight:bold;’>特效发光字</font></fieldset>

上面代码的解释:

(color=#0080ff,strength=3),color=#0080ff 就是外面发的光的颜色,可以用上面的颜色代码进行替换,就会出来不同效果的字体。strength=3 就是外面发光的轮廓大小,数值越大,光圈越大。

font:12px/14px;color:#ffffff; 这里就是对核心字的大小和颜色控制了。

比如,把第一个color换成#ff8000,第二个color换成#ff0000,效果就是:

特效发光字
大家可以自由组合,自己发挥恩!~

3.进阶字体特效

字体滚动,即俗称的跑马灯

代码为:

<marquee bgcolor=”black” behavior=left Scroll amount=5><font color=”white”>需要滚动的字体</marquee></font>

代码解释为:

bgcolor=”black” 指背景为黑色。仍然可以换为#编码的颜色。

behavior=left 指来回滚动的方式。向左为left,右right,来回滚动alternate。

font color=”white”这里的就是字体颜色了。

更换了背景色为兰色和滚动方式为来回滚动后的效果:

更换了背景色为兰色和滚动方式为来回滚动后的效果

如果去掉复杂的部分,只保留滚动效果,使用下面代码即可

<marquee>写上你想写的字</marquee>

写上你想写的字

就会形成最简单的跑马灯。

上下跳跃的跑马灯

这个还是比较有意思的

代码为:

<marquee height=30 direction=down behavior=alternate>这个还是比较有意思的</marquee>

height=30 30就是上下跳跃范围的高度,注意绝对不能太多,引起刷屏效果,你的ID可就飞了

给文字填加超连接

丁香的个人空间

代码:

<a href=”http://oh-sorry.spaces.live.com” target=”_blank“>丁香的个人空间(新窗口打开)</a>

蓝色标明分别是:

要链接到的地址,以什么模式打开(分为_blank 新窗口打开,_self 本窗口打开,常用这两类,为浏览方便,建议使用新窗口打开),和需要加连接的字

字体上标

主体字<sup>右上角的字</sup>

2

如若离开后会无期

字体下标

丁香<sub>如若离开·后会无期</sub>

丁香如若离开·后会无期


4.贴图,音乐,FLASH等的代码。

贴图

<img src=”图片地址”>

贴音乐

<embed src=”音乐地址” width=”宽度”height=”高度” autostart=false>

一般宽高分别为 300 和 50

贴flash

<embed src=”flash地址” width=”宽度” height=”高度”>

一般宽高分别为 200 和 150,可看情况调整

贴影视文件

<img dynsrc=”文件地址” width=”宽度”height=”高度” start=mouseover>

一般宽高分别为 200 和 150,可看情况调整