一、文字大小、字体、颜色
1. 设置文字大小的属性是"size"他的取值范围是1到7。其中1为最小,7为最大。
格式: <fonr size=文字大小>被设置的字</font>
2. 设置文字字体属性是"face"
格式: <font face=文字字体>被设置的字</font>
3. 设置文字颜色的属性是"color"
格式: <fonr color=文字颜色>被设置的字</font>
二、文字其它基础效果
1. 文字加粗:<b>被设置的字</b>
2. 文字斜体:<i>被设置的字</i>
3. 文字下划线:<u>被设置的字</u>
4. 文字删除线:<s>被设置的字</s>
5. 文字移动
格式: <marquee scrollAmount="移动速度" direction="方向" >被设置的字</marquee>
设置移动速度属性是 scrollAmount,他的取值范围是1到10。其中1为最慢,10为最快
设置移动方向属性是 direction,"up"(上),"down"(下),"left"(左),"right"(右)
三、文字段落设置
1. 文字换行:换行标记是<br>,放在文字结尾处使得其后的文字在下一行显示
2. 文字段控制:段落标记是<p>,放在文字后,使其后文字空一行后换行显示
这里介绍<p>标记的一个简单属性:"align"用来设置文字段落的对齐方式。
属性值有"center"(居中对齐),"left"(向左对齐),"right"(向右对齐)
格式:<p align=属性值>被设置的段落</p>
3. 文字的分区显示:标记为<div> ,属性同<p>
格式:<div align=属性值>被设置的段落</div>
四、文字链接设置
1. 点击文字转到链接地址
格式:< a href="所要连接的相关地址">被设置的字</a>
2. 点击文字在新窗口中打开链接地址
格式:<a href="相关地址" target="_blank">被设置的字</a>
基本格式:
<FONT style="COLOR: #f90b46; FILTER: shadow(color=#AF0530); FONT-FAMILY: 隶书; FONT-SIZE: 45pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>金钥匙!</B></FONT>
显示:
金钥匙!
解释:
金钥匙等等就会用到这样的基本格式来做下面的各种效果了, 具体的含义我会在每个代码的部分做说明的!
彩色字体色彩绚丽
<P align=center><STRONG><FONT face=华文行楷><FONT size=7><FONT color=#ff0000>彩</FONT><FONT color=#ff8900>色</FONT><FONT color=#92c000>字</FONT><FONT color=#00c024>体</FONT><FONT color=#00c0da>色</FONT><FONT color=#0053ff>彩</FONT><FONT color=#4800ff>绚</FONT><FONT color=#ff00ff>丽</FONT></FONT></FONT></STRONG></P>
彩色字体色彩绚丽
一。 制作滚动字幕:
1. 代码:
<P align=center>
<MARQUEE scrollAmount=3 scrollDelay=150 direction=up width=400 height=100>
<CENTER><FONT face=黑体 color=#ffaa00 size=5>HTML标签:可用 UBB标签:可用 贴图标签:可用 Flash标签: 可用多媒体标签: 可用表情字符转换:可用上传图片:可用每天允许发帖数:无限制!<BR></FONT></CENTER></MARQUEE></P>
显示:
HTML标签:可用 UBB标签:可用 贴图标签:可用 Flash标签: 可用多媒体标签: 可用表情字符转换:可用上传图片:可用每天允许发帖数:无限制!
2. 代码:
<MARQUEE direction=down width=480 height=100>
<P align=center>
<IMG src=""><FONT face=隶书 color=#ff0000 size=7> 金钥匙博客!
<IMG src=""></FONT></MARQUEE>
显示:
金钥匙博客!
3. 代码:
<MARQUEE direction=down width=480 height=100>
<P align=center>
<FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=3);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>金钥匙博客! </B></FONT></P>
显示:
金钥匙博客!
说明:
opacity属性:设置透明度,取值0至100之间的任意数值,100表示完全不透明;
style属性:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变。
而width:100%则表示参与渐变的对象的宽度,通常都设置为100%。
4. 代码:
<MARQUEE direction=up width=480 height=100>
<P align=center>
<FONT style="FONT-SIZE:30pt;filter:blur(add=1,direction=30,strength=5);WIDTH:100%; COLOR:blue;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>金钥匙博客!</B></FONT></P>
显示:
金钥匙博客!
说明:
ADD属性在运动模糊中,其值为0和1,0表示“否”,用于文字,1表示“是”,用于图像;Direction属性是模糊移动的角度,其值为0至360度;Strength属性是模糊移动的距离。
5. 代码:
<MARQUEE direction=up width=480 height=100>
<P align=center>
<FONT style="FONT-SIZE:30pt;filter:dropshadow(color=lightgreen,offX=5,offY=3,Positive=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>金钥匙博客!</B></FONT> </P>
显示:
金钥匙博客!
说明:
color属性:设置影子文本的颜色;
offX和offY属性:影子文本下落的位移值;
Positive属性:指定透明象素阴影,布尔型,0为是,1为否。
6. 代码:
<MARQUEE direction=right width=480 height=100>
<P align=center>
<FONT style="FONT-SIZE:30pt;filter:shadow(color=black,direction=180);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>金钥匙博客!</B></FONT> </P>
显示:
金钥匙博客!
说明:
color属性:阴影颜色;
direction属性:阴影角度,值取0至360度。
7. 代码:
<MARQUEE direction=right width=480 height=100>
<P align=center>
<FONT style="FONT-SIZE:30pt;filter:wave(add=0,lightstrength=50,strength=4,freq=2,phrase=30);WIDTH:100%; COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>金钥匙博客!</B></FONT> </P>
显示:
金钥匙博客!
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jquery