• WAP手机版 RSS订阅 加入收藏  设为首页
系统应用

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

时间:2013/1/28 8:05:38   作者:本站   来源:红色长廊   阅读:1002   评论:0
内容摘要:HTML代码和字体颜色使用方法1.初级字体特效加粗代码:<b>加粗</b>蓝色标明:需要加粗的文字.倾斜代码:<em>倾斜</em>蓝色标明:要倾斜的文字.下划线代码:<u>下划线</u>蓝色标明:要加下划线...

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

 

1.初级字体特效

加粗 
代码:<b>加粗</b> 
蓝色标明:需要加粗的文字.

倾斜
代码:<em>倾斜</em> 
蓝色标明:要倾斜的文字.

下划线
代码:<u>下划线</u> 
蓝色标明:要加下划线的文字.

删除线
代码:<s>删除线</s> 
蓝色标明:要加下划线的文字.

字体加大
代码:<big>字体加大</big> 
蓝色标明:要放大的文字.

字体控制大小


代码:<H3>字体大小(其中字体大小可从H1-H6,H1最大,H6最小)</H3> 
蓝色标明:要控制大小的文字.

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




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

更改字体颜色:

<font color="#value">
写上你想写的字</font>(其中value值在000000FFFFFF(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,可看情况调整

 

上下滚动 代码

<marquee direction="up" scrollamount="3" height="103px" width="144px" onmouseover="this.stop()" onmouserout="this.start()">
跑马灯

</marquee>
//loop=2
表示滚动的圈数
//scrollamount
步长
//scrolldelay
延迟
//behavior
行为 scroll alternate交替 slide滑动
//diretion
方向 up down left right

左右滚动代码 鼠标悬停

<marquee direction=left scrollamount=6 onmouseover="this.stop()" onmouseout="this.start()">
这是一段 跑动 的文字.我经过它就能停下来
.</marquee>
<input type=button value=
关闭窗口
onclick="window.close()">
<input type=button value=
刷新
onclick="history.go(0)">
</body></html>
其中的scrollamount属性可以改变速度.值小它就会变慢
.
height
可以改变高度.direction可以改变方向.direction=up就会向上动


相关评论
电脑应用

Copyright © 2012-2020   www.art1993.com  All Rights Reserved