代 码 |
代码的运用 |
含 义 |
align=center
<CENTER> |
<P align=center>相关内容</P>
<DIV align=center>相关内容</DIV>
<CENTER>相关内容</CENTER> |
居中 |
align=left |
<P align=left>相关内容</P>
<DIV align=left>相关内容</DIV> |
居左 |
align=right |
<P align=right>相关内容</P>
<DIV align=right>相关内容</DIV> |
居右 |
face=宋体 |
<font face=宋体>指定字体</font> |
指定字体 |
color=颜色代码 |
<font color=颜色代码></font> |
设定颜色代码 |
size=数值 |
<font size=数值>(数值1至7,7最大)</font> |
设定字体大小 |
style ="font-size:100px" |
<font style ="font-size:100px">相关文字</font> |
调数字字体无限增大 |
<BR> |
相关内容<BR> |
换行 |
|
相关内容 |
空格 |
width=数值
|
width=500
|
表示宽度,数值为像素
|
|
height=500
height="100%" |
表示高度,数值为像素
|
<a></a> |
<a href=网页地址>加文字或图片代码</a> |
外部链接 |
target="_blank" |
<a href=网页地址 target="_blank">加文字或图片代码</a> |
另开新窗口链接 |
<img src=图片地址> |
<img src=图片地址>
<img src=图片地址>width=数值 height=数值 |
简单贴图
设定图片宽度和高度 |
<embed></embed> |
<embed src=音乐地址 autostart=true loop=true></embed> |
背景音乐(显示播放器) |
<embed></embed> |
<embed src=flash地址 width=数值 height=数值> </embed> |
贴Flash动画 |
<marquee></marquee> |
<marquee>相关文字或图片代码</marquee> |
从右到左重复移动 |
direction=right |
<marquee direction=right>相关文字或图片代码</marquee> |
从左到右重复移动 |
direction=up |
<marquee direction=up>相关文字或图片代码</marquee> |
向上重复移动 |
direction=right |
<marquee direction=right>相关文字或图片代码</marquee> |
从左到右重复移动 |
direction=up |
<marquee direction=up>相关文字或图片代码</marquee> |
向上重复移动 |
direction=down |
<marquee direction=down>相关文字或图片代码</marquee> |
向下重复移动 |
behavior=alternate |
<marquee behavior=alternate>相关文字或图片代码</marquee> |
左右来回移动 |
scrollamount=数值 |
<marquee scrollamount=数值>相关文字或图片代码</marquee> |
移动速度设定 |
style="FILTER: Alpha(opacity=70)" |
<IMG style="FILTER: Alpha(opacity=70)" src="图片" width=500 height=375> |
梦幻均匀效果 |
style="filter:Alpha(opacity=100,style=1)" |
<IMG style="filter:Alpha(opacity=100,style=1)" src="图片" width=500 height=375> |
右边梦幻效果 |
style="filter:Alpha(opacity=100,style=2)" |
<IMG style="filter:Alpha(opacity=100,style=2)" src="图片" width=500 height=375> |
梦幻圆形效果 |
style="filter: Alpha(opacity=100,style=3)" |
<IMG style="filter:Alpha(opacity=100,style=3)" src="图片" width=500 height=375> |
梦幻方形效果 |
(opacity=0,finishopacity=0,startx=0,starty=10,finishx=0,finishy=0,style=0)" |
<IMG style="FILTER: alpha(opacity=0,finishopacity=0,startx=0,starty=10,finishx=0, finishy=0,style=0)" src="图片"width=500 height=375> |
全能梦幻效果
所有数字0可调
数字不同效果不同 |
style="filter:'gray'" |
<img style="filter:'gray'" src="图片地址" width=500 height=375> |
黑白效果 |
style="filter:flipv" |
<img style="filter:flipv" src="图片地址" width=500 height=375> |
上下颠倒 |
style="filter:fliph" |
<img style="filter:fliph" src="图片地址" width=500 height=375> |
左右颠倒 |
<TABLE></TABLE> |
<TABLE><TR><TD></TD></TR></TABLE> |
定义表格 |
<TR></TR> |
<TABLE><TR><TD></TD></TR></TABLE> |
定义表格中的“行” |
<TD></TD> |
<TABLE><TR><TD></TD></TR></TABLE> |
定义表格中的“列” |
border=数值
borderColor=颜色代码
bgcolor=颜色代码background=图片地址cellspacing=数值cellpadding=数值 |
<TABLE borderColor=颜色代码 height=40 cellpadding=数值 bgcolor=颜色代码cellspacing=数值 border=数值 width=250 background=图片地址 align=center> <TBODY> <TR> <TD> <DIV align=center>此处添加内容</DIV></TD></TR></TBODY></TABLE> |
表格外框线宽度
表格边框线颜色
表格的背景颜色
表格的背景图案
单元格框线的间距
表格边框之间的距离 |
滚动框代码: |
<DIV align=center> <DIV style="BORDER-RIGHT: #f0b4b4 solid; BORDER-TOP: #f0b4b4 solid; SCROLLBAR-FACE-COLOR: #f0b4b4; SCROLLBAR-HIGHLIGHT-COLOR: #999999; OVERFLOW: scroll; BORDER-LEFT: #f0b4b4 solid; WIDTH: 500px; SCROLLBAR-SHADOW-COLOR: #ffccff; COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #ffffcc; BORDER-BOTTOM: #f0b4b4 solid; SCROLLBAR-DARKSHADOW-COLOR: #f0b4b4; HEIGHT: 100px; BACKGROUND-COLOR: #ffe1f0" align=center><FONT color=#9900cc>粉色透明效果滚动框<BR>100<BR> 100<BR>100<BR>100<BR>100<BR>100</DIV></DIV> |
粉色透明效果滚动框
凡是#999999; #f0b4b4 #ffccff;带“#”号后面的颜色代码均可调换 |
|