html常用代码大全(72页).doc
-html常用代码大全2013-06-12 阅 116937 转 2344分享：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>说明 <!- * -> （浏览器不会显示）<!-修改滚动条-><style type="text/css">body scrollbar-face-color: #330033;scrollbar-shadow-color: #FFFFFF;scrollbar-highlight-color: #FFFFFF;scrollbar-3dlight-color: #FFFFFF;scrollbar-darkshadow-color: #FFFFFF;scrollbar-track-color: #330033;scrollbar-arrow-color: #FFFFFF;</style><!-修改滚动条结束->将上面的代码放在叶子代码的<head></head>之间,颜色可根据自己的需要修改。滚动条的代码意思如下：Scrollbar-Face-Color为滚动条表面颜色设定；Scrollbar-Track-Color为滚动条底板颜色设定；Scrollbar-Darkshadow为滚动条下边和右边边沿颜色设定；Scrollbar-Highlight-Color为滚动条上斜面和左斜面颜色设定；Scrollbar-Shadow-Color为滚动条下斜面和右斜面颜色设定；Scrollbar-3Dlight-Color为滚动条上边和左边的边沿颜色设定；Scrollbar-Arrow-Color为滚动条两端箭头颜色设定。<!> 跑馬燈<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>設定捲動時間1)贴图：<img src="图片地址">2)加入连接：<a href="所要连接的相关地址">写上你想写的字</a>3)在新窗口打开连接：<a href="相关地址" 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="宽度" height="高度" autostart=false> 14)贴flash: <embed src="flash地址" width="宽度" height="高度">15)贴影视文件：<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover> 16)换行：<br>17)段落：<p>段落</p>18)原始文字样式：<pre>正文</pre>19)换帖子背景：<body background="背景图片地址">20)固定帖子背景不随滚动条滚动：<body background="背景图片地址" body bgproperties=fixed>21)定制帖子背景颜色：<body bgcolor="#value">(value值见10)22)帖子背景音乐：<bgsound="背景音乐地址" loop=infinite>23)贴网页：<iframe. src="相关地址" width="宽度" height="高度"></iframe>1、店铺音乐代码:音乐网址" loop="-1">2、图片制作代码：img src="这里放图片地址"3、公告图片代码：img border="0" src="这里放图片地址" /或img src="这里放图片地址"/4、悬浮挂饰代码：img src="这里放图片地址" style="left:20px; position: relative; top:0px" /5、商品分类代码:img src="这里放图片地址"/6、字体大小代码:font size="2"这里放要处理的文字，可用3、4、5等设置大小/font7、字体颜色代码:font color="red"这里放要处理的文字，可以换成blue,yellow等/font8、文字链接代码:a href="网页地址"链接的文字，在分类栏里用时链接的网页地址必须缩短/a9、移动文字代码:marquee从右到左移动的文字/marquee10、背景音乐代码：bgsound loop="-1" src="这里放音乐地址"/bgsound11、图片附加音乐代码：img border=0 src="这里放图片地址" dynsrc="这里放音乐地址"12、浮动图片代码:img alt="1" height="150" src="这里放图片地址"/公告图片的代码：公告挂饰：店铺分类代码:背景音乐代码：换行代码计数器代码颜色代码：1白色 #FFFFFF2红色#FF00003绿色#00FF004蓝色#0000FF5牡丹红#FF00FF6青色 #00FFFF7黄色#FFFF008黑色#0000009海蓝#70DB9310巧克力色#5C331711蓝紫色 #9F5F9F12黄铜色#B5A64213亮金色#D9D91914棕色#A67D3D15青铜色 #8C7853162号青铜色 #A67D3D17士官服蓝色 #5F9F9F18冷铜色 #D9871919铜色 #B8733320珊瑚红 #FF7F0021紫蓝色 #42426F22深棕 #5C403323深绿 #2F4F2F24深铜绿色 #4A766E25深橄榄绿 #4F4F2F26深兰花色 #9932CD27深紫色 #871F7828深石板蓝 #6B238E29深铅灰色 #2F4F4F30深棕褐色 #97694F32深绿松石色 #7093DB33暗木色 #855E4234淡灰色 #54545435土灰玫瑰红色 #85636336长石色 #D1927537火砖色#8E232338森林绿 #238E2339金色 #CD7F3240鲜黄色 #DBDB7041灰色 #C0C0C042铜绿色 #527F7643青黄色 #93DB7044猎人绿 #215E2145印度红 #4E2F2F46土黄色 #9F9F5F47浅蓝色 #C0D9D948浅灰色 #A8A8A849浅钢蓝色 #8F8FBD59浅木色 #E9C2A660石灰绿色 #32CD3261桔黄色 #E4783362褐红色 #8E236B63中海蓝色 #32CD9964中蓝色 #3232CD65中森林绿 #6B8E2366中鲜黄色 #EAEAAE67中兰花色 #9370DB68中海绿色 #426F4269中石板蓝色 #7F00FF70中春绿色 #7FFF0071中绿松石色 #70DBDB72中紫红色 #DB709373中木色 #A6806474深藏青色 #2F2F4F75海军蓝 #23238E76霓虹篮 #4D4DFF77霓虹粉红 #FF6EC778新深藏青色 #00009C79新棕褐色 #EBC79E80暗金黄色 #CFB53B81橙色 #FF7F0082橙红色 #FF240083淡紫色 #DB70DB84浅绿色 #8FBC8F85粉红色 #BC8F8F86李子色 #EAADEA87石英色 #D9D9F388艳蓝色 #5959AB89鲑鱼色 #6F424290猩红色 #BC171791海绿色 #238E6892半甜巧克力色 #6B422693赭色 #8E6B2394银色 #E6E8FA95天蓝 #3299CC96石板蓝 #007FFF97艳粉红色 #FF1CAE98春绿色 #00FF7F99钢蓝色 #236B8E100亮天蓝色 #38B0DE101棕褐色 #DB9370102紫红色 #D8BFD8103石板蓝色 #ADEAEA104浓深棕色 #5C4033105淡浅灰色 #CDCDCD106紫罗兰色 #4F2F4F107紫罗兰红色 #CC3299108麦黄色#D8D8BF109黄绿色 #99CC32简单常用HTML代码大全（修改网页必备）网页常用HTML代码大全超链接，用的最多：点击在当前页打开网站<a href="效果：点击弹出网站<a href=" target="_blank">这是我的网站</a><br>这个是向下一行，比如欢迎光临我的网站<br>希望开心演示效果就是：欢迎光临我的网站希望开心<p>向下一大行，比如欢迎光临我的网站<p>希望开心演示效果就是：欢迎光临我的网站希望开心<b>这是粗体字比如 <b >我的网站</ b>演示效果：我的网站我的网站这是字体的颜色BLUE是蓝，RED是红演示忽视右键 <body >或<body style="overflow-y:hidden"> 如何几秒后转到别的页面？ <META. HTTP-EQUIV="Refresh" C> 点击关闭窗口<a href="javascript.:top.window.close();">点击关闭窗口</a>！请问如何去掉主页右面的滚动条？<body scroll="no"><body style="overflow-y:hidden">如何做到让一个网页自动关闭.<html><head><OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><param name="Command" value="Close"></object></head><body >这个窗口会在10秒过后自动关闭,而且不会出现提示. </body>如何在不刷新页面的情况下刷新css?<style>button color:#000000;</style><button nclick=document.styleSheets0.rules0.style.color=red>点击按钮直接修改style标签里button选择符使按钮改为红色</button>请问如何让网页自动刷新？ 在head部记入<META. HTTP-EQUIV="Refresh" c>其中20为20秒后自动刷新，你可以更改为任意值。 如何让页面自动刷新？ 方法一，用refresh HTML 代码片段如下:<head> <meta. http-equiv="refresh" c> </head> 5表示刷新时间Ctrl+A 全部选择 提示:你可先修改部分代码，再按运行方法二，使用setTimeout控制 <img src=/logo.gif><script>function rl()document.location.reload()setTimeout(rl,2000)</script> 如何让超链接没有下划线在源代码中的<HEAD></HEAD>之间输入如下代码：<style. type="text/css"> <!-a text-decoration: none-> </style>请问如何去掉IE的上下滚动条？<body style=overflow:scroll;overflow-y:hidden></body>怎样才能把RealPlayer文件在网页做一个试听连接？ <embed height=25src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" c>如何用html实现浏览器上后退按钮的功能？ <a href="java script.:history.go(-1)">点击后退</a> 或者 <script> history.back() </script> 请问怎么在网页中改变鼠标的箭头形状？ HTML 代码片段如下:<body> <a href="#" style="cursor: auto;">auto</a><br> <a href="#" style="cursor: crosshair ">crosshair </a><br> <a href="#" style="cursor: default ">default </a><br> <a href="#" style="cursor: hand ">hand </a><br> <a href="#" style="cursor: move ">move </a><br> <a href="#" style="cursor: e-resize ">e-resize </a><br> <a href="#" style="cursor: ne-resize ">ne-resize </a><br> <a href="#" style="cursor: nw-resize">nw-resize</a><br> <a href="#" style="cursor: n-resize">n-resize</a><br> <a href="#" style="cursor: se-resize">se-resize</a><br> <a href="#" style="cursor: sw-resize">sw-resize</a><br> <a href="#" style="cursor: s-resize">s-resize</a><br> <a href="#" style="cursor: w-resize">w-resize</a><br> <a href="#" style="cursor: text">text</a><br> <a href="#" style="cursor: wait">wait</a><br> <a href="#" style="cursor: help">help</a><br> </body> 怎样不使用页面的缓存？即每一次打开页面时不是调用缓存中的东西 <META. HTTP-EQUIV="ragma" C> 页面打开时自动弹出一个窗口的代码怎么写？ HTML 代码片段如下:<html><head><title>Untitled Document</title><meta. http-equiv="Content-Type" c><script. language="<B style="color:black;background-color:#A0FFFF">javascript</B>"><!-function MM_openBrWindow(theURL,winName,features) /v2.0window.open(theURL,winName,features);/-></script></head><body bgcolor="#FFFFFF" text="#000000" ></body></html>如何让我的页面出现一个会讲话的小人？Merlin HTML 代码片段如下:<HTML><HEAD><TITLE>默林</TITLE><META. http-equiv=Content-Type c></HEAD><BODY><p><OBJECT id=sims classid=CLSID45FD31B-5C6E-11D1-9EC1-00C04FD7081F></OBJECT> <SCRIPT>var MerlinID;var MerlinACS;sims.Connected = true;MerlinLoaded = LoadLocalAgent(MerlinID, MerlinACS);Merlin = sims.Characters.Character(MerlinID);Merlin.Show();Merlin.Play("Surprised");Merlin.Speak("大家好");Merlin.Play("GestureLeft");Merlin.Think("我是默林！");Merlin.Play("leased");Merlin.Think("可爱吗？");Merlin.Play("GestureDown");Merlin.Speak("哈哈！");Merlin.Hide();function LoadLocalAgent(CharID, CharACS)LoadReq = sims.Characters.Load(CharID, CharACS);return(true);</SCRIPT></p><p> </p><p>看此效果必须装有office2000！</p></BODY></HTML>在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 HTML 代码片段如下:<html><head><STYLE>body background-image:url(logo.gif); background-repeat:no-repeat; background-position:center </STYLE></head><body bgproperties="fixed" ></body></html>Ctrl+A 全部选择 提示:你可先修改部分代码，再按运行background-repeat:no-repeat; 是讓背景圖不占滿整個頁面 body bgproperties="fixed" 是拉動scroll時背景圖不動 文本输入框什么属性能实现不可输入？ HTML 代码片段如下:<input type="text" name="textfield" disabled>或者<input type="text" name="textfield" readonly>如何禁止自己的页面在别人的框架里打开？ 把以下代码加至你的<head>区 <script> if (window.top!=self) window.top.location=self.location </script> 如何实现首页全屏幕显示？ HTML 代码片段如下:<html><body><script. language="<B style="color:black;background-color:#A0FFFF">javascript</B>"> var coolw=642 var coolh=400 var coolhuang=window.open("","coolhuang","width="+coolw+",height="+coolh+",fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0") window.close()</script></body></html> 如何监听一个窗口被关闭了？ HTML 代码片段如下:<body >如何禁止Ctrl+N？ HTML 代码片段如下:<body nkeydown=return(!(event.keyCode=78&&event.ctrlKey)>如何把页面加入用户的收藏夹？ HTML 代码片段如下:<a href="<B style="color:black;background-color:#A0FFFF">javascript</B>:window.external.AddFavorite(,无忧脚本)">收藏无忧脚本</a>如何在我的页面中加入背景音乐？ IE: <bgsound src="*.mid" loop=infinite> NS:<embed src="*.mid" autostart=true hidden=true loop=true> *.mid你的背景音乐的midi格式文件 关于页面转换效果 <meta. http-equiv="page-enter" c> 或 <meta. http-equiv="page-exit" c> 说明：Transition=23是随机效果，另可以选0-22任一数字固定某个效果 如何设定打开页面的大小 HTML 代码片段如下:<body ><!-(width，height)->怎样双击滚屏，单击停止？ HTML 代码片段如下:<html><head><title>新網頁1</title></head><body><script. language"<B style="color:black;background-color:#A0FFFF">javascript</B>">var currentpos,timer; function initialize() timer=setInterval("scrollwindow()",10); function sc()clearInterval(timer);function scrollwindow() currentpos=document.body.scrollTop; window.scroll(0,+currentpos); if (currentpos != document.body.scrollTop) sc(); document.onmousedown=scdocument.ondblclick=initialize</script><p>a</p><p>a</p><p>a</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>aa</p><p>a</p></body></html>如何让body中的文字不被选中？ HTML 代码片段如下:<body >aaa</body>如何让弹出的窗口不能关闭？ 在新开的窗口中加入如下代码 <body nunload=open(location.href)> </body> 如何让浏览器在保存页面时保存失败？ HTML 代码片段如下:<NOSCRIPT> <<B style="color:black;background-color:#ffff66">IFRAME</B> SRC="*.html"> </<B style="color:black;background-color:#ffff66">IFRAME</B>> </NOSCRIPT> 表单中如何用图片按钮实现 reset? <html> <head> <script> function aaa() document.forms0.reset() </script> </head> <body> <form> <textarea rows="2" name="S1" cols="20"></textarea> <input type="submit" values="提交" name="B1"> <image src="logo.gif" nclick=aaa()> </form> </body></html> 进入网页时弹出的信息对话框 <body >关闭窗口后弹出对话框<body > 告别提示<body nUnload= alert("再见，感谢你的访问！")>只要你肯干,没有什么不能成功的.1。忽视右键 <body ncontextmenu="return false"> 或 <body style="overflow-y:hidden"> 2。加入背景音乐 IE:<bgsound src="*.mid" loop=infinite> NS:<embed src="*.mid" autostart=true hidden=true loop=true> </embed> *.mid你的背景音乐的midi格式文件 3。简单的window.open方法 <a href="#" nclick="javascript:window.open(文件路径/文件名,newwindow, toolbar=no,scrollbars=yes,resizable=no,top=0,left=0, width=400,height=300);">文字或图片</a> 参数解释： <SCRIPT. 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> bodybackground-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.gif 8。窗口定时关闭 先将如下代码网页文件的区： <script. language="javascript"> function closeit() setTimeout("self.close()",10000) /毫秒 </script> 然后再在<body>标内加入如：<body nload="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 nload="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的透明背景
