HTML代码和字体颜使用方法
常用HTML代码,字体颜等
2009年04月22日 星期三 08:00
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="oh-sorry.spaces.live" target="_blank">丁香的个人空间(新窗口打开)</a>
蓝标明分别是:
html滚动效果代码要链接到的地址,以什么模式打开(分为_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,可看情况调整

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。