HTML特效代码大全(完整全收录)
HTML特效文字代码大全
HTML特效⽂字代码⼤全HTML特效⽂字代码⼤全⼀、从右向左移代码<marquee direction=left>需要移动的⽂字</marquee>⼆、从左向右移代码<marquee direction=right>需要移动的⽂字</marquee>三、⼀圈⼀圈绕着移动代码<marquee behavior=scroll>需要移动的⽂字</marquee>四、只移动三次就停了代码<marquee loop=3 behavior=slide>需要移动的⽂字</marquee>五、移⼀步，停⼀停代码<marquee scrolldelay=500scroll amount=100>需要移动的⽂字</marquee>六、左右来回移动代码<marquee behavior=alternate>需要移动的⽂字</marquee>七、忽隐忽现移动代码<marquee behavior="alternate"><marqueewidth="150"direction=right>需要移动的⽂字</marquee>⼋、从下向上移动代码<marquee direction=up><div align="center">需要移动的⽂字</div></marquee>例⼦1：<p12><marquee behavior="alternate"><marquee width="1550" direction=left>云南省⽯产业统计调查年报处理程序</marquee></p12>例⼦2：<p12><div align=center><marquee width=1600 filter: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); scrollAmount=5 direction=up behavior=alternate><div align=center><marquee scrollAmount=3 behavior=altrnate width=1600><div align=center>云南省⽯产业统计调查年报处理程序</div></marquee></div></marquee></div> </p12>原⽂链接：。
特效html代码大全介绍
getURL(“javascript:void(document.links[0].style.behavior=‘url(#default#homepag e)’);void “_self”); } 加入收藏： on(release) { getURL(“javascript:window.external.AddFavorite(‘84design/” =“_blank”>;url’,’E 佳工作室’)”); } 状态栏动态显示现在时间 ; function see(){ window.setTimeout(“see()”,1000); today = new Date(); self.status = today.toString(); } ; ; 关闭窗口的脚本 ;[关闭窗口]; 窗口定时关闭 先将如下代码网页文件的;;区： ; function closeit() { setTimeout(“self.close()”,10000) //毫秒 } 黑吧 document.links[0].setHomePage(‘84design/” 黑吧=“_blank”>;url);”,
; 然后再在;;标内加入如：; 好了，特效 html 代码大全精彩内容就给大家介绍到这里了。希望大家学业 有成，工作顺利
特效 html 代码大全介绍
欢迎大家在这里学习特效 html 代码大全!下面是我们给大家整理出来的 精彩内容。希望大家学业有成，工作顺利 进入主页以后自动播放声音 ; 进入主页后自动最大话,省的去在自己单击了 ; self.moveTo(0,0) self.resizeTo(n.availWidth,screen.availHeight) ; 显示现在时间的脚本 ;document.write now; 示最后修改时间的脚本 ;document.write(stModified); 设为首页,加为收藏，加入频道,启动 outlook 发信 ;设为首页; ;加入收藏; ;加入频道; ;与我联系; Flash 中在按钮上如何加设为首页”加入收藏”？action 怎幺写 啊？ on (release) {
HTML建站特效代码。网页特效
1.显示时间的代码<html><head><title>打开新窗口</title><script>function $(id) { //根据元素id获取元素return document.getElementById(id); }function dispTime() {$("clock").innerHTML = "<b>"+(new Date()).toLocaleString()+"</b>"; }// 将时间加粗显示在clock的div中，new Date()获取系统时间，并转换为本地格式function init() { // 启动时钟显示dispTime(); //显示时间setTimeout(init, 1000); // 过1秒钟后执行一次init()}</script></head><body onload="init()"><div id="clock"></div></body></html>2打字机效果<html><head><title>打字机效果</title></head><body onLoad="setInterval(trim, 100)"><p id="exp"></p><script>var exp=document.getElementById("exp");var str="函数就像是一台机器，它对输入的数据进行加工再输出需要的数据";y=1;function trim(){ //用来定时执行的函数var trimstr=str.substring(0,y); //截取从0到y的子字符串exp.innerHTML=trimstr;if(y<str.length) y++;else clearInterval(setInterval(trim, 100));}</script></body></html>3.onblur提示用户名不能为空<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>利用onBlur事件自动校验表单</title><script>function myFocus(){this.style.backgroundColor="#ffdddd";}function myBlur(){this.style.backgroundColor="#ffffff";startCheck(this); //这一句是新增的验证表单的代码}function startCheck(oInput){if(=="User"){ //如果是用户名的输入框if(!oInput.value){ //如果值不为空oInput.focus(); //聚焦到用户名的输入框document.getElementById("UserResult").innerHTML = "用户名不能为空";return;}elsedocument.getElementById("UserResult").innerHTML = "";}if(=="passwd2"){if(document.getElementsByName("passwd1")[0].value!=document.getElementsByName("passwd2")[0].value) //如果两个密码框值不相等document.getElementById("pwdResult").innerHTML = "两次输入的密码不一致";elsedocument.getElementById("pwdResult").innerHTML = "";}}window.onload = function(){var elements = document.getElementsByTagName("input");for (var i = 0;i < elements.length;i++) {var type = elements[i].type;if (type == "text" || type == "password") {elements[i].onfocus = myFocus;elements[i].onblur =myBlur;} } }</script><style type="text/css"><!--input {border: 1px solid #0066CC;}form {font-size: 12px;}--></style></head><body><form name="register"><table cellpadding="5" cellspacing="0" border="0"><tr><td>用户名:</td><td><input type="text" name="User"></td> <td><span id="UserResult"></span></td> </tr><tr><td>输入密码:</td><td><input type="password" name="passwd1"></td> <td></td></tr><tr><td>确认密码:</td><td><input type="password" name="passwd2"></td> <td> <span id="pwdResult"></span></td> </tr><tr><td colspan="2" align="center"><input type="submit" value="注册"> <input type="reset" value="重置"></td> <td></td></tr></table></form></body></html>4.漂浮广告鼠标悬浮时停止运动<html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>漂浮广告</title></head><body><div id="Ad" style="position:absolute"><a href="" target="_blank"><img src="images/04.gif" border="0"></a></div><script>var x = 50,y = 60; //设置元素在浏览器窗口中的初始位置var xin = true, yin = true; //设置xin、yin用于判断元素是否在窗口范围内var step = 1 ; //可设置每次移动几像素var obj=document.getElementById("Ad"); //通过id获取div元素function floatAd() {var L=T=0;var R= document.body.clientWidth-obj.offsetWidth; //浏览器的宽度减div对象占据的空间宽度就是元素可以到达的窗口最右边的位置var B = document.body.clientHeight-obj.offsetHeight;obj.style.left = x + document.documentElement.scrollLeft; //设置div对象的初始位置//当没有拉到滚动条时，document.body.scrollTop的值是0，当拉到滚动条时，为了让div对象在屏幕中的位置保持不变，就需要加上滚动的网页的高度obj.style.top = y + document.documentElement.scrollTop;x = x + step*(xin?1:-1); //水平移动对象，每次判断左移还是右移if (x < L) { xin = true; x = L;}if (x > R){ xin = false; x = R;} //当div移动到最右边，x大于R时，设置xin = false，让x每次都减1，即向左移动，直到x< L时，再将xin的值设为true，让对象向右移动y = y + step*(yin?1:-1)if (y < T) { yin = true; y = T; }if (y > B) { yin = false; y = B;}}var itl= setInterval("floatAd()", 10) //每隔10毫秒执行一次floatAd()obj.onmouseover=function(){clearInterval(itl)} //鼠标滑过时，让漂浮广告停止obj.onmouseout=function(){itl=setInterval("floatAd()", 10)} //鼠标离开时，继续移动</script></body></html>5.焦点跟鼠标走<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>鼠标经过时自动选择表单中文本</title><script>function myFocus(){this.focus();}function mySelect(){this.select();}window.onload = function(){var elements = document.getElementsByTagName("input");for (var i = 0;i < elements.length;i++) {var type = elements[i].type;if (type == "text") {elements[i].onmouseover =myFocus;elements[i].onfocus = mySelect;} } }</script></head><body><form id="form1" name="form1" method="post" action=""><fieldset><legend>用户登录</legend><table width="232" border="0" cellspacing="0" cellpadding="0"><tr><td width="92">用户名</td><td width="140"><input name="textfield" type="text" size="20" /></td></tr><tr><td>密码</td><td><input name="textfield2" type="text" size="20" /></td></tr><tr><td>密码提示问题</td><td><input type="text" name="textfield3" size="20" /></td></tr><tr><td>答案</td><td><input type="text" name="textfield4" size="20" /></td></tr><tr><td> </td><td><input type="submit" name="Submit" value="提交" /></td></tr></table></fieldset></form></body></html>返回6.lightbox qq空间图片查看<html><head><title>CSS Lightbox效果</title><style>body{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}a{color:#000; text-decoration:none;}.img{border:0px;}.black_overlay{display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:1001;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}.white_content {display: none;position: absolute;top: 15%;left: 25%;width: 575px;height: 445px;border: 16px solid #FFF;border-bottom:none;background-color: white;z-index:1002;overflow: auto;}</style><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body><p><a href = "#" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.di splay='block'"><img src="images/small.jpg" width="120" border="0"/></a></p><div id="light" class="white_content"><img src="images/big.jpg" border="0" width="540"/> <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.dis play='none'">Close</a></div><div id="fade" class="black_overlay"></div></body> </html>。
HTML代码大全
<i>...</i>斜体字
<em>...</em>斜体字(强调)
<dfn>...</dfn>斜体字(表示定义)
<u>...</u>底线
<ins>...</ins>底线(表示插入文字)
<strike>...</strike>横线
<bgsound src=MID音乐文件地址>背景音乐设定
<!>表格语法
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table background=图片路径>...</table>背景图片的URL=就是路径网址
<table border=边框大小>...</table>设定表格边框大小(使用数字)
<table bgcolor=颜色码>...</table>设定表格的背景颜色
<table borderclor=颜色码>...</table>设定表格边框的颜色
<table borderclordark=颜色码>...</table>设定表格暗边框的颜色
22)帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>
HTML滚动代码大全
HTML滚动代码大全HTML滚动代码大全[HTML代码]会移动的文字(Marquee)Marquee标记用于在可用浏览区域中滚动文本。
这个标记只适用于IE3以后的版的浏览器。
格式：<MARQUEE ALIGN="…"BEHAVIOR="…"BGCOLOR="…"DIRECTION="…"HEIGHT="…"WIDTH="…"HSPACE="…"VSPACE="…"LOOP="…"SCROLLAMOUNT="…"SCROLLDELAY="…"ONMOUSEOUT=this.start()ONMOUSEOVER=this.stop()>…</MARQUEE>属性：ALIGN：用于按设定的值对齐滚动的文本。
ALIGN可以设定的值有：LEFT，CENTER，RIGHT，TOP，BOTTOM。
此属性不是必须使用的。
例：<MARQUEE ALIGN="TOP">这段滚动文字设定为上对齐</MARQUEE>BEHAVIOR：可以在页面上一旦出现文本时让浏览器按照设定的方法来处理文本。
如果设定的方法是SLIDE，那么文本就移动到文档上，并停留在页边距上。
如果设定为ALTERNATE，则文本从一边移动到另一边。
如果设定为SCROLL，文本将在页面上反复滚动。
本属性不是必须使用的。
可以设定的值有：SILIDE，ALTERNATE，SCROLL。
例：<MARQUEE BEHAVIOR="ALTERNATE">文字从一边移动到另一边</MARQUEE>BGCOLOR：用于设定字幕的背景颜色。
背景颜色可用RGB、16进制值的格式或颜色名称来设定。
Html文字特效代码大全
HTML代码大全一、从右向左移代码<marquee direction=left>需要移动的文字</marquee>二、从左向右移代码<marquee direction=right>需要移动的文字</marquee>三、一圈一圈绕着移动代码<marquee behavior=scroll>需要移动的文字</marquee>四、只移动三次就停了代码<marquee loop=3 behavior=slide>需要移动的文字</marquee>五、移一步，停一停代码<marquee scrolldelay=500 scrollamount=100>需要移动的文字</marquee>六、左右来回移动代码<marquee behavior=alternate>需要移动的文字</marquee>七、忽隐忽现移动代码<marquee behavior="alternate"><marquee width="150" direction=right>需要移动的文字</marquee>八、从下向上移动代码<marquee direction=up><div align="center">需要移动的文字</div></marquee>九、从上向下移动代码<marquee direction=down><div align="center">需要移动的文字</div></marquee>十、垂直往复移动代码<marquee direction=up behavior=alternate><div align="center">需要移动的文字</font></div></marquee>十一、从左上向右下移动代码<marquee direction=right><marquee width=216 direction=down>需要移动的文字</marquee>十二、从右上向左下移动代码<marquee direction=left><marquee direction=down>需要移动的文字</marquee>十三、从左下向右上移动代码<marquee direction=right><marquee direction=up>需要移动的文字</marquee>十四、从右下向左上移动代码<marquee direction=left><marquee direction=up>需要移动的文字</marquee>十五、水平相反移动代码<p align=center> <marquee width="216px">需要移动的文字</marquee><marquee width="216px" direction=right>需要移动的文字</marquee></p>十六、左右两边向中间移动代码<p align=center><marquee style="width:216px;" direction=right>需要移动的文字</marquee><marquee style="width:216px;"direction=left>需要移动的文字</marquee></p>十七、左右两边向中间来回移动代码<MARQUEE scrollAmount=3 behavior=alternate width="40%">左右向中间来回移动</MARQUEE><MARQUEE scrollAmount=3 direction=rightbehavior=alternate width="40%">动移回来间中向右左</MARQUEE>十八、从上下向中间移动代码<p></p><center><marquee width=288 direction=down scrollAmount=2height=50><center>需要移动的文字</center></marquee><center><marquee width=288 direction=up scrollAmount=2 height=50><center>需要移动的文字</center></marquee></center></center><p></p>十九、从中间向上下移动代码<p></p><center><marquee width=288 direction=up scrollAmount=2height=50><center>需要移动的文字</center></marquee><center><marquee width=288 direction=down scrollAmount=2 height=50><center>需要移动的文字</center></marquee></center></center><p> </p></marquee>二十、上下向中间来回移动代码<MARQUEE scrollAmount=1 direction=down behavior=alternateheight=50><DIV align=center>上下向中间来回移动</DIV></MARQUEE><MARQUEE scrollAmount=1 direction=up behavior=alternate height=50><DIV align=center>上下向中间来回移动</DIV></MARQUEE>二十一、上下交替移动代码<marquee direction=up behavior=alternate width=45 height=160><center>需</center></marquee><marquee direction=upbehavior=alternate width=45><center>要</center></marquee><marqueedirection=up behavior=alternate width=45height=160><center>移</center></marquee><marquee direction=upbehavior=alternate width=45><center>动</center></marquee><marquee direction=up behavior=alternate width=45 height=160><center>的</center></marquee><marqueedirection=up behavior=alternate width=45><center>文</center></marquee></marquee><marquee direction=up behavior=alternate width=45 height=160><center>字</center></marquee>二十二、移动后消失代码<marquee style="width: 288px; height: 120px" scrollAmount=5direction=up><center><div><marquee direction=upbehavior=alternate width=30 height=100><center>需</center></marquee><marquee direction=up behavior=alternate width=30 height=110><center>移</center></marquee><marquee direction=up behavior=alternate width=30 height=100><center>要</center></marquee><marquee direction=up behavior=alternate width=30 height=110><center>动</center></marquee><marquee direction=up behavior=alternate width=30 height=100><center>的</center></marquee><marquee direction=up behavior=alternatewidth=30 height=110><center>字</center></marquee><marqueedirection=up behavior=alternate width=30 height=100><center>文</center></marquee></div></center></marquee>二十三、波浪式移动代码<div align=center><marquee width=288filter: wave(add=0,lightstrength=50,strength=3,freq=2, phrase=10); scrollAmount=5 direction=up behavior=alternate><div align=center><marquee scrollAmount=3 behavior=altrnatewidth=216><div align=center>需要移动的文字</div></marquee></div></marquee></div>二十四、往复波浪式移动代码<marquee width=288 filter:wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); scrollAmount=5direction=upbehavior=alternate><marquee scrollAmount=3 behavior=alternate width=288>需要移动的文字</marquee></marquee>二十五、交替往复波浪式移动代码<marquee width=436 scrollAmount=5 direction=right behavior=alternate><marquee direction=up behavior=alternate width=50 height=200 align="middle">需</marquee><marquee direction=upbehavior=alternate width=50 height=150>的</marquee><marquee direction=up behavior=alternate width=50 height=200>要</marquee><marquee direction=up behavior=alternate width=50 height=150> 文</marquee><marquee direction=up behavior=alternate width=50height=200>移</marquee><marquee direction=up behavior=alternate width=50 height=150>字</marquee><marquee direction=upbehavior=alternate width=50 height=200>动</marquee></marquee>二十六、S型移动代码<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65height=120 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=50,color=.ffffff)"><center>需要移动的文字</center></marquee>二十七、多层多式复合移动代码<table bgcolor="#ffffff"> <tr><td width="1" valign="top" > <marquee direction="down" behavior="alternate" scrollamount=1height="120"> <marquee direction="right" scrollamount=4 behavior="alternate" width="288">需要移动的文字</marquee> </marquee> </td> <td width="288"> <marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height="120" width="288"style="Text-align;filter:wave(add=1,phase=4, freq=1,strength=50)"><center>需要移动的文字</center></marquee></td></tr></table>二十八、文字竖排渐出移动代码<div align=center><marquee scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=290 height=180><marquee style="line- height: 120%; writing-mode: tb-rl" scrollAmount=1 scrollDelay=100direction=up width=290 height=180><p align=center>需要移动的字文<br>.<br>.<br>.<br>需<br>要<br>移<br>动<br>的<br>文<br>字<br>.<br>.<br>.</p></marquee></marquee></div>二十九、文字穿梭移动代码<marquee scrollAmount=2 width=30 height=20>文文</marquee> <marqueescrollAmount=2 width=30 height=20>字字</marquee> <marqueescrollAmount=2width=30 height=20>穿穿</marquee> <marquee scrollAmount=2width=30 height=20>梭梭</marquee>附注各主要参数的含义：align：是设定活动对象(图片或文字)的位置。
html特效大全
// --></script>
24. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT><!--
if (top.location != self.location)top.location=self.location;
9。网页自动关闭
<html>
<head>
<object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
18.onpaste="return false" 不准粘贴
19.oncopy="return false;" oncut="return false;" 防止复制
20. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
<META HTTP-EQUIV="Refresh" content="20">
其中20为20秒后自动刷新，你可以更改为任意值。
html标签特效代码大全
html标签特效代码大全（让你制作漂亮的页面效果）<!> 跑马灯<marquee>...</marquee>普通卷动<marquee behavior=slide>...</marquee>滑动<marquee behavior=scroll>...</marquee>预设卷动<marquee behavior=alternate>...</marquee>来回卷动<marquee direction=down>...</marquee>向下卷动<marquee direction=up>...</marquee>向上卷动<marquee direction=right></marquee>向右卷动<marquee direction=’left’></marquee>向左卷动<marquee loop=2>...</marquee>卷动次数<marquee width=180>...</marquee>设定宽度<marquee height=30>...</marquee>设定高度<marquee bgcolor=FF0000>...</marquee>设定背景颜色<marquee scrollamount=30>...</marquee>设定滚动速度<marquee scrolldelay=300>...</marquee>设定卷动时间<marquee onmouseover="this.stop()">...</marquee>鼠标经过上面时停止滚动<marquee onmouseover="this.start()">...</marquee>鼠标离开时开始滚动<!>字体效果<h1>...</h1>标题字(最大)<h6>...</h6>标题字(最小)<b>...粗体字<strong>...</strong>粗体字(强调) （同上效果略同）<i>...</i>斜体字<em>...</em>斜体字(强调)<dfn>...</dfn>斜体字(表示定义)<u>...</u>底线<ins>...</ins>底线(表示插入文字)<strike>...</strike>横线<s>...</s>删除线<del>...</del>删除线(表示删除)<kbd>...</kbd>键盘文字<tt>...</tt> 打字体<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效) <plaintext>...</plaintext>固定宽度字体(不执行标记符号)<listing>...</listing> 固定宽度小字体<font color=00ff00>...</font>字体颜色<font size=1>...</font>最小字体<font style =’font-size:100 px’>...</font>无限增大区断标记<hr>水平线<hr size=’9’>水平线(设定大小)<hr width=’80%’>水平线(设定宽度)<hr color=’ff0000’>水平线(设定颜色)<br>(换行)<nobr>...</nobr>水域(不换行)...水域(段落)<center>...</center>置中<!>连结格式<base href=位址>(预设好连结路径)<a href=位址></a>外部连结<a href=位址target=’_blank’></a>外部连结(另开新视窗)<a href=位址target=’_top’></a>外部连结(全视窗连结)<a href=位址target=’页框名’></a>外部连结(在指定页框连结)<!>贴图/音乐<img src=图片位址>贴图<img src=图片位址width=’180’>设定图片宽度<img src=图片位址height=’30’>设定图片高度<img src=图片位址alt=’提示文字’>设定图片提示文字<img src=图片位址’ border=’1’>设定图片边框<bgsound src=MID音乐档位址>背景音乐设定<!>表格语法<table aling=left>...</table>表格位置,置左<table aling=center>...</table>表格位置,置中<table background=图片路径>...</table>背景图片的URL=就是路径网址<table border=边框大小>...</table>设定表格边框大小(使用数字)<table bgcolor=颜色码>...</table>设定表格的背景颜色<table borderclor=颜色码>...</table>设定表格边框的颜色<table borderclordark=颜色码>...</table>设定表格暗边框的颜色<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色<table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字)<table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字)<table cols=参数>...</table>指定表格的栏数<table frame=参数>...</table>设定表格外框线的显示方式<table width=宽度>...</table>指定表格的宽度大小(使用数字)<table height=高度>...</table>指定表格的高度大小(使用数字)<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)分割视窗<frameset cols="20%,*">左右分割,将左边框架分割大小为20%右边框架的大小浏览器会自动调整<frameset rows="20%,*">上下分割,将上面框架分割大小为20%下面框架的大小浏览器会自动调整<frameset cols="20%,*">分割左右两个框架<frameset cols="20%,*,20%">分割左中右三个框架<分割上下两个框架<frameset rows="20%,*,20%">分割上中下三个框架属性：cols垂直切割窗口（如左右分割两个窗口）接受整数值，百分数，*（*代表占用余下空间）数值的个数代表分成的部分数目，要以逗号分隔。
HTML代码大全
一、HTML各种命令的代码：1、文本标签(命令)<pre></pre> 创建预格式化文本<h1></h1> 创建最大的标题<h6></h6> 创建最小的标题<b></b> 创建黑体字<i></i> 创建斜体字<tt></tt> 创建打字机风格的字体<cite></cite> 创建一个引用,通常是斜体<em></em> 加重一个单词（通常是斜体加黑体）<strong></strong> 加重一个单词（通常是斜体加黑体）<font size=?></font> 设置字体大小，从1 到7<font color=?></font> 设置字体的颜色,使用名字或十六进制值2、图形(命令) <img src="name"> 添加一个图像<img src="name" align=?> 排列对齐一个图像:左中右或上中下<img src="name" border=?> 设置围绕一个图像的边框的大小<hr> 加入一条水平线<hr size=?> 设置水平线的大小（高度）<hr width=?> 设置水平线的宽度（百分比或绝对像素点）<hr noshade> 创建一个没有阴影的水平线3、链接(命令)<a href="URL"></a> 创建一个超链接<a href="mailto:EMAIL"></a> 创建一个自动发送电子邮件的链接<a name="NAME"></a> 创建一个位于文档内部的靶位<a href="#NAME"></a> 创建一个指向位于文档内部靶位的链接4、格式排版(命令)<p> 创建一个新的段落<p align=?> 将段落按左、中、右对齐<br> 插入一个回车换行符<blockquote></blockquote> 从两边缩进文本<dl></dl> 创建一个定义列表<dt> 放在每个定义术语词之前<dd> 放在每个定义之前<ol></ol> 创建一个标有数字的列表<li> 放在每个数字列表项之前，并加上一个数字<ul></ul> 创建一个标有圆点的列表<li> 放在每个圆点列表项之前，并加上一个圆点<div align=?> 一个用来排版大块HTML 段落的标签，也用于格式化表二、HTML基本语法文件格式<html></html>(文件的开头与结尾)主题<title></title>(放在文件的开头)文头区段<head></head>(描述文件的信息)内文区段<body></body>(放此文件的内容)标题<h?></h>(?=1~6,改变标题字的大小)标题对齐<h align=right,left,center></h>字加大<big></big>字变小<small></small>粗体字<b></b>斜体字<i></i>底线字<u></u>上标字<sup></sup>下标字<sub></sub>居中<center></center>居左<left> </left>居右<right> </right>基本字体大小<basefont size>(取值范围从1到7，默认值为3) 改变字体大小<font size=?></font>(?=1~7)字体颜色<font color=#rrggbb></font>(RGB色码)指定字型<font face=?></font>(?=宋体，楷体等)网址链结<a href="URL"></a>设定锚点<a name="?"></a>(?以容易记为原则)链结到锚点<a href="#?"></a>(同一份文件)<a href="URL#?"></A>(锚点不同文件)显示图形<img src="URL"></a>图形位置<img src="URL" align=top,bottom,middle,left,right>(分别为上、下、中、左、右的位置)图形取代文字<img src="URL"alt=?>(无法显示图形时用)图形尺寸<img src="URL" width=? height=?>(?以像素为单位)连结图形边线<img src="URL"border=?>(?以像素为单位)图形四周留白<img src="URL"hspace=? vspace=?>(?以像素为单位)段落<p></p>断行<br></br>横线<hr>横线厚度<hr size=?>(?以像素为单位)横线长度<hr width=?>(?以像素为单位)横线长度<hr width=?%>(?与页宽相比较)实横线<hr noshade>(无立体效果)背景图案<body background=图形文件名>(图形文件格式为gif和jpg)背景颜色<body bgcolor=#rrggbb>(RGB色码)背景文字颜色<body text=#rrggbb>(RGB色码)未链结点颜色<body link=#rrggbb>(RGB色码)已链结点颜色<body vlink=#rrggbb>(RGB色码)正在链结点颜色<body alink=#rrggbb(RGB色码)三、具体在做html文件前,我们还有哪些需要做的：1、网页图象一般有什么要求？受网络传输速度制约，图象要尽量小。
html代码大全很全
html代码⼤全很全Html⽹页的代码很全哦1)贴图：<img src="图⽚地址">2)加⼊连接：<a href="所要连接的相关地址">写上你想写的字</a>1)贴图：2)加⼊连接：写上你想写的字3)在新窗⼝打开连接：写上要写的字消除连接的下划线在新窗⼝打开连接：写上你想写的字4)移动字体(⾛马灯)：写上你想写的字写上你想写的字5)字体加粗：写上你想写的字6)字体斜体：写上你想写的字7)字体下划线: 写上你想写的字8)字体删除线: 写上你想写的字9)字体加⼤: 写上你想写的字10)字体控制⼤⼩：写上你想写的字(其中字体⼤⼩可从h1-h5,h1最⼤，h5最⼩)11)更改字体颜⾊：写上你想写的字(其中value值在000000与ffffff(16位进制)之间12)消除连接的下划线：写上你想写的字13)贴⾳乐：14)贴flash:15)贴影视⽂件：16)换⾏：17)段落：段落18)原始⽂字样式：正⽂19)换帖⼦背景：20)固定帖⼦背景不随滚动条滚动：21)定制帖⼦背景颜⾊：(value值见10)22)帖⼦背景⾳乐：23)贴⽹页：/----------------------------------------HTML特效代码--------------------------------/ 1。
忽视右键或2。
加⼊背景⾳乐IE:NS:*.mid你的背景⾳乐的midi格式⽂件3。
简单的window.open⽅法onclick="javascript :window.open(⽂件路径/⽂件名,newwindow, toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,width=400,height=300);">⽂字或图⽚参数解释：js脚本结束4。
简单的页⾯加密5。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1) 贴图：〈img src=”图片地址">2)加入连接：〈a href=”所要连接的相关地址">写上你想写的字〈/a〉3）在新窗口打开连接:<a href=”相关地址" target="_blank">写上要写的字〈/a〉消除连接的下划线在新窗口打开连接：〈a href="相关地址” style="text—decoration：none”target="_blank”>写上你想写的字</a>4）移动字体(走马灯）：<marquee〉写上你想写的字〈/marquee>5）字体加粗:〈b〉写上你想写的字〈/b〉6)字体斜体：〈i>写上你想写的字</i〉7)字体下划线: <u〉写上你想写的字〈/u>8)字体删除线：<s>写上你想写的字〈/s〉9）字体加大: <big>写上你想写的字</big>10）字体控制大小：〈h1〉写上你想写的字〈/h1> (其中字体大小可从h1—h5,h1最大，h5最小）11)更改字体颜色:〈font color=”＃value”>写上你想写的字〈/font〉(其中value值在000000与ffffff(16位进制）之间12）消除连接的下划线：<a href=”相关地址" style="text-decoration：none”〉写上你想写的字〈/a>13）贴音乐:<embed src=音乐地址width=300 height=45 type=audio/mpeg autostart=”false"〉14)贴flash：<embed src=”flash地址” width="宽度” height="高度"〉15)贴影视文件：〈img dynsrc=”文件地址" width=”宽度" height=”高度” start=mous eover>16）换行:〈br>17)段落:<p>段落</p>18）原始文字样式：〈pre〉正文</pre〉19)换帖子背景：〈body background="背景图片地址”〉20）固定帖子背景不随滚动条滚动：〈body background=”背景图片地址" bodybgproperties=fixed>21）定制帖子背景颜色：〈body bgcolor="＃value”〉（value值见10）22)帖子背景音乐：〈bgsound="背景音乐地址" loop=infinite〉23）贴网页：〈iframe src="相关地址” width="宽度" height=”高度"〉〈/iframe>HTML特效代码1。
忽视右键<body oncontextmenu=”return false">或<body style="overflow—y:hidden”>2。
加入背景音乐IE:<bgsound src=”＊。
mid” loop=infinite>NS：<embed src="＊。
mid” autostart=true hidde n=true loop=true〉〈/embed〉＊.mid你的背景音乐的midi格式文件3.简单的window。
open方法<a href="＃”onclick=”javascript :window.open(文件路径/文件名，newwindow，toolbar=no,scrollbars=yes,resizable=no，top=0，left=0,width=400，height=300);”>文字或图片〈/a〉参数解释：<SCRIP T LANGUAGE="javascript”> js脚本开始;window。
open 弹出新窗口的命令；文件路径/文件名弹出窗口的文件名；newwindow 弹出窗口的名字（不是文件名)，非必须，可用空代替；width=400 窗口宽度；height=300 窗口高度；top=0 窗口距离屏幕上方的象素值；left=0 窗口距离屏幕左侧的象素值；toolbar=no 是否显示工具栏，yes为显示;menubar，scrollbars 表示菜单栏和滚动栏.resizable=no 是否允许改变窗口大小,yes为允许；location=no 是否显示地址栏，yes为允许；status=no 是否显示状态栏内的信息(通常是文件已经打开），yes为允许;〈/SCRIPT> js脚本结束4.简单的页面加密<script LANGUAGE="javascript"><！-—function loopy（)｛var sWord =””;while（sWord!=”login”）｛sWord=prompt(”请输入你的登陆密码”）;}alert（"登陆成功！"）;｝loopy()//-—>〈/script〉5。
拉动页面时背景图不动〈style>body{background-image:url(logo.gif）；background-repeat：no—repeat；background-position：center}</style〉6。
让浏览器在保存页面时保存失败〈NOSCRIPT〉〈iframe src="＊.html">〈/iframe〉</NOSCRIPT〉7.随机替换图片〈script>document。
write(<img src=”img/+parseInt（Math。
random（）*(5))+.gif"height="40” width="50”〉〈/script〉图片文件名为0.gif 1。
gif 2。
gif 3。
gif 4.gif8。
窗口定时关闭先将如下代码网页文件的区：<script langua ge="javascript”〉function closeit（）｛setTimeout(”self.close（）”，10000）//毫秒}</script>然后再在<body〉标内加入如：〈body onload="closeit（)"> 9。
网页自动关闭<html〉〈head〉〈object id=closes type=”application/x—oleobject”classid="clsid：adb880a6-d8ff-11cf—9377—00aa003b7a11”〉<param name=”Command" value=”Close”〉〈/object>〈/head〉〈body onload="window。
setTimeout(closes.Click(），10000)”>这个窗口会在10秒过后自动关闭,而且不会出现提示。
</body>〈/html> 10。
网页自动刷新在head部记入〈META HTTP—EQUIV="Refresh” content="20”>其中20为20秒后自动刷新,你可以更改为任意值。
11.网页自动转页〈META HTTP-EQUIV="Refresh" CONTENT=”时间(秒);URL=地址”〉12。
保持layer在最前面,而不被Iframe、Object所覆盖在Layer中再插Iframe 或Object 设z-Index值<div z-Index:2〉<object xxx〉</object〉＃前面〈div z—Index：1〉〈object xxx〉〈/object〉# 后面<div id="Layer2" style="position：absolute; top：40；width：400px；height：95px;z-index:2"〉height=100％width=100％〉〈iframe width=0 height=0〉〈/iframe〉</div><div id=”Layer1" style="position：absolute; top：50;width:200px;height：115px;z—index：1”〉<iframe height=100% width=100％〉</iframe></div〉13。
返回上一页〈a href=javascript :history。
back(1）>『返回上一页』</a〉14。
关闭窗口<a href=javascript ：self.close(）>『关闭窗口』</a>15。
关于iframe的透明背景<IFRAME ID=”iFrame1” SRC="iframe。
htm"allowTranspar ency="true”style="background—color：green”〉〈/IFRAME>16. oncontextmenu="window。
event.returnValue=false" 将彻底屏蔽鼠标右键〈table border oncontextmenu=return（false)〉<td〉no</table〉可用于Table17。
<body ＊***＊electstart="return false”> 取消选取、防止复制18。
onpaste="return false" 不准粘贴19.oncopy=”return false；” oncut="return false;” 防止复制20。
〈link rel="Shortcut Icon” href=”favicon。
ico"〉IE地址栏前换成自己的图标21。