《2022年html常用代码大全 .pdf》由会员分享，可在线阅读，更多相关《2022年html常用代码大全 .pdf（22页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、1.结构性定义文件类型 （放在档案的开头与结尾）文件主题 （必须放在文头区块内）文头 （描述性资料，像是主题）文体 （文件本体）（由浏览器控制的显示风格）标题 （从 1 到 6，有六层选择）标题的对齐 区分 区分的对齐 引文区块 （通常会内缩）强调 （通常会以斜体显示）特别强调 （通常会以加粗显示）引文 （通常会以斜体显示）码 （显示原始码之用）样本 键盘输入 变数 定义 （有些浏览器不提供）地址 大字 小字 与外观相关的标签（作者自订的表现方式）加粗 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - -
2、 - - - 第 1 页，共 22 页 - - - - - - - - - 斜体 底线 （尚有些浏览器不提供）删除线 （尚有些浏览器不提供）下标 上标 打字机体 （用单空格字型显示）预定格式 （保留文件中空格的大小）预定格式的宽度 （以字元计算）向中看齐 （文字与图片都可以）闪耀 （有史以来最被嘲弄的标签）字体大小（从 1 到 7）改变字体大小 基本字体大小 （从 1 到 7; 内定为 3）字体颜色 说明 （浏览器不会显示） body scrollbar-face-color: #330033; scrollbar-shadow-color: #FFFFFF; scrollbar-highli
3、ght-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #330033; 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 22 页 - - - - - - - - - scrollbar-arrow-color: #FFFFFF; 将上面的代码放在叶子代码的之间 ,颜色可根据自己的需要修改。滚动条的代码
4、意思如下：Scrollbar-Face-Color 为滚动条表面颜色设定；Scrollbar-Track-Color为滚动条底板颜色设定；Scrollbar-Darkshadow 为滚动条下边和右边边沿颜色设定；Scrollbar-Highlight-Color为滚动条上斜面和左斜面颜色设定；Scrollbar-Shadow-Color 为滚动条下斜面和右斜面颜色设定；Scrollbar-3Dlight-Color为滚动条上边和左边的边沿颜色设定；Scrollbar-Arrow-Color为滚动条两端箭头颜色设定。 跑馬燈.普通捲動. 滑動. 預設捲動. 來回捲動. 向下捲動. 向上捲動 向右
5、捲動向左捲動. 捲動次數. 設定寬度名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 22 页 - - - - - - - - - . 設定高度. 設定背景顏色. 設定捲動距離. 設定捲動時間1) 贴图： 2) 加入连接： 写上你想写的字 3) 在新窗口打开连接：写上要写的字 4) 移动字体 ( 走马灯 ) ：写上你想写的字 5) 字体加粗： 写上你想写的字 6) 字体斜体： 写上你想写的字 7) 字体下划线 : 写上你想写的字8) 字体删除线 : 写上你想写的字9) 字体
6、加大 : 写上你想写的字 10) 字体控制大小：写上你想写的字 (其中字体大小可从h1-h5,h1最大， h5 最小 ) 11) 更改字体颜色：写上你想写的字(其中 value值在 000000 与 ffffff(16位进制) 之间12) 消除连接的下划线：写上你想写的字 13) 贴音乐： 14) 贴 flash: 15) 贴影视文件： 16) 换行： 17) 段落： 段落 18) 原始文字样式： 正文 19) 换帖子背景： 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共
7、 22 页 - - - - - - - - - 20) 固定帖子背景不随滚动条滚动： 21) 定制帖子背景颜色：(value值见 10) 22) 帖子背景音乐： 23) 贴网页： 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、字体大小代码: f
8、ont size=2这里放要处理的文字，可用3、4、5 等设置大小/font7、字体颜色代码: font color=red这里放要处理的文字，可以换成blue,yellow等 /font8、文字链接代码: a href=网页地址 链接的文字，在分类栏里用时链接的网页地址必须缩短/a 9、移动文字代码: marquee从右到左移动的文字/marquee 10、背景音乐代码：bgsound loop=-1 src=这里放音乐地址 /bgsound 11、图片附加音乐代码：img border=0 src=这里放图片地址 dynsrc=这里放音乐地址12、浮动图片代码: img alt=1 hei
9、ght=150 src=这里放图片地址/ 公告图片的代码：公告挂饰：店铺分类代码: 背景音乐代码：换行代码计数器代码颜色代码：1 白色 #FFFFFF 2 红色 #FF0000 3 绿色 #00FF00 4 蓝色 #0000FF 5 牡丹红 #FF00FF 6 青色 #00FFFF 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 22 页 - - - - - - - - - 7 黄色 #FFFF00 8 黑色 #000000 9 海蓝 #70DB93 10 巧克力色 #5
10、C3317 11 蓝紫色 #9F5F9F 12 黄铜色 #B5A642 13 亮金色 #D9D919 14 棕色 #A67D3D 15 青铜色 #8C7853 162 号青铜色 #A67D3D 17 士官服蓝色 #5F9F9F 18 冷铜色 #D98719 19 铜色 #B87333 20 珊瑚红 #FF7F00 21 紫蓝色 #42426F 22 深棕 #5C4033 23 深绿 #2F4F2F 24 深铜绿色 #4A766E 25 深橄榄绿 #4F4F2F 26 深兰花色 #9932CD 27 深紫色 #871F78 28 深石板蓝 #6B238E 29 深铅灰色 #2F4F4F 30 深
11、棕褐色 #97694F 32 深绿松石色 #7093DB 33 暗木色 #855E42 34 淡灰色 #545454 35 土灰玫瑰红色 #856363 36 长石色 #D19275 37 火砖色 #8E2323 38 森林绿 #238E23 39 金色 #CD7F32 40 鲜黄色 #DBDB70 41 灰色 #C0C0C0 42 铜绿色 #527F76 43 青黄色 #93DB70 44 猎人绿 #215E21 45 印度红 #4E2F2F 46 土黄色 #9F9F5F 47 浅蓝色 #C0D9D9 48 浅灰色 #A8A8A8 49 浅钢蓝色 #8F8FBD 59 浅木色 #E9C2A6
12、 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 22 页 - - - - - - - - - 60 石灰绿色 #32CD32 61 桔黄色 #E47833 62 褐红色 #8E236B 63 中海蓝色 #32CD99 64 中蓝色 #3232CD 65 中森林绿 #6B8E23 66 中鲜黄色 #EAEAAE 67 中兰花色 #9370DB 68 中海绿色 #426F42 69 中石板蓝色 #7F00FF 70 中春绿色 #7FFF00 71 中绿松石色 #70DBDB
13、 72 中紫红色 #DB7093 73 中木色 #A68064 74 深藏青色 #2F2F4F 75 海军蓝 #23238E 76 霓虹篮 #4D4DFF 77 霓虹粉红 #FF6EC7 78 新深藏青色 #00009C 79 新棕褐色 #EBC79E 80 暗金黄色 #CFB53B 81 橙色 #FF7F00 82 橙红色 #FF2400 83 淡紫色 #DB70DB 84 浅绿色 #8FBC8F 85 粉红色 #BC8F8F 86 李子色 #EAADEA 87 石英色 #D9D9F3 88 艳蓝色 #5959AB 89 鲑鱼色 #6F4242 90 猩红色 #BC1717 91 海绿色 #
14、238E68 92 半甜巧克力色 #6B4226 93 赭色 #8E6B23 94 银色 #E6E8FA 95 天蓝 #3299CC 96 石板蓝 #007FFF 97 艳粉红色 #FF1CAE 98 春绿色 #00FF7F 99 钢蓝色 #236B8E 100 亮天蓝色 #38B0DE 101 棕褐色 #DB9370 102 紫红色 #D8BFD8 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 22 页 - - - - - - - - - 103 石板蓝色 #ADEA
15、EA 104 浓深棕色 #5C4033 105 淡浅灰色 #CDCDCD 106 紫罗兰色 #4F2F4F 107 紫罗兰红色 #CC3299 108 麦黄色 #D8D8BF 109 黄绿色 #99CC32简单常用HTML代码大全（修改网页必备）网页常用HTML代码大全超链接，用的最多：点击在当前页打开网站这是我的网站 效果：这是我的网站点击弹出网站这是我的网站 这个是向下一行，比如欢迎光临我的网站 希望开心演示效果就是：欢迎光临我的网站希望开心向下一大行，比如欢迎光临我的网站希望开心演示效果就是：欢迎光临我的网站希望开心这是粗体字比如 我的网站 演示效果： 我的网站我的网站这是字体的颜色BL
16、UE是蓝， RED是红名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 22 页 - - - - - - - - - 演示忽视右键 或 如何几秒后转到别的页面？ 点击关闭窗口点击关闭窗口 ！请问如何去掉主页右面的滚动条？ 如何做到让一个网页自动关闭. 这个窗口会在10 秒过后自动关闭, 而且不会出现提示. 如何在不刷新页面的情况下刷新css? button color:#000000; 点击按钮直接修改style标签里 button选择符使按钮改为红色 请问如何让网页自动刷
17、新？在 head 部记入 其中 20 为 20 秒后自动刷新，你可以更改为任意值。如何让页面自动刷新？方法一，用refresh HTML 代码片段如下 : 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 22 页 - - - - - - - - - 5 表示刷新时间Ctrl+A 全部选择提示 : 你可先修改部分代码，再按运行 方法二，使用setTimeout控制 function rl() document.location.reload() setTimeout(rl,
18、2000) 如何让超链接没有下划线在源代码中的 之间输入如下代码： 请问如何去掉IE 的上下滚动条？ 怎样才能把RealPlayer文件在网页做一个试听连接？ 如何用 html 实现浏览器上后退按钮的功能？点击后退 或者 history.back() 请问怎么在网页中改变鼠标的箭头形状？HTML 代码片段如下 : auto crosshair default hand move e-resize ne-resize nw-resize n-resize se-resize 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心
19、整理 - - - - - - - 第 10 页，共 22 页 - - - - - - - - - sw-resize s-resize w-resize text wait help 怎样不使用页面的缓存？即每一次打开页面时不是调用缓存中的东西 页面打开时自动弹出一个窗口的代码怎么写？HTML 代码片段如下 : Untitled Document script. language=javascript 如何让我的页面出现一个会讲话的小人？Merlin HTML 代码片段如下 : 默林 var MerlinID; 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - -
20、- - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 22 页 - - - - - - - - - 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.Thi
21、nk(我是默林！ ); Merlin.Play(leased); Merlin.Think(可爱吗？ ); Merlin.Play(GestureDown); Merlin.Speak(哈哈！ ); Merlin.Hide(); function LoadLocalAgent(CharID, CharACS) LoadReq = sims.Characters.Load(CharID, CharACS); return(true); 看此效果必须装有office2000！ 在页面中如何加入不是满铺的背景图片, 拉动页面时背景图不动HTML 代码片段如下 : body background-im
22、age:url(logo.gif); background-repeat:no-repeat; background-position:center Ctrl+A 全部选择提示 : 你可先修改部分代码，再按运行 background-repeat:no-repeat; 是讓背景圖不占滿整個頁面body bgproperties=fixed 是拉動 scroll時背景圖不動文本输入框什么属性能实现不可输入？名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 12 页，共 22 页 - -
23、- - - - - - - HTML 代码片段如下 : 或者 如何禁止自己的页面在别人的框架里打开？把以下代码加至你的区 if (window.top!=self) window.top.location=self.location 如何实现首页全屏幕显示？HTML 代码片段如下 : script. language=javascript var coolw=642 var coolh=400 var coolhuang=window.open(http:/,coolhuang,width=+coolw+,height=+coolh+, fullscreen=1,toolbar=0,locat
24、ion=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0) window.close() 如何监听一个窗口被关闭了？HTML 代码片段如下 : 如何禁止Ctrl+N ？HTML 代码片段如下 : 如何把页面加入用户的收藏夹？HTML 代码片段如下 : a href=javascript:window.external.AddFavorite(http:/ , 无忧脚本) 收藏无忧脚本 如何在我的页面中加入背景音乐？IE: NS: *.mid你的背景音乐的midi 格式文件名师资料总结 - - -精品资料欢迎下载 - - -
25、- - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 13 页，共 22 页 - - - - - - - - - 关于页面转换效果 或 说明： Transition=23是随机效果，另可以选0-22 任一数字固定某个效果如何设定打开页面的大小HTML 代码片段如下 : 怎样双击滚屏，单击停止？HTML 代码片段如下 : 新網頁 1 script. languagejavascript var currentpos,timer; function initialize() timer=setInterval(scrollwindow(),10)
26、; function sc() clearInterval(timer); function scrollwindow() currentpos=document.body.scrollTop; window.scroll(0,+currentpos); if (currentpos != document.body.scrollTop) sc(); document.onmousedown=sc document.ondblclick=initialize aaaaaaaaa aaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa 名师资料总结 - - -精品资料欢迎下载 -
27、 - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 14 页，共 22 页 - - - - - - - - - 如何让 body 中的文字不被选中？HTML 代码片段如下 : aaa 如何让弹出的窗口不能关闭？在新开的窗口中加入如下代码 如何让浏览器在保存页面时保存失败？HTML 代码片段如下 : IFRAME SRC=*.html /IFRAME 表单中如何用图片按钮实现 reset? function aaa() document.forms0.reset() 进入网页时弹出的信息对话框 关闭窗口后弹出对话框 告别提示只要你肯
28、干 , 没有什么不能成功的. 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 15 页，共 22 页 - - - - - - - - - 1。忽视右键 或 2。加入背景音乐 IE: NS: *.mid你的背景音乐的midi格式文件3。简单的window.open方法 文字或图片 参数解释： js脚本开始； window.open 弹出新窗口的命令；文件路径 / 文件名弹出窗口的文件名； newwindow 弹出窗口的名字（不是文件名），非必须，可用空代替； width=400 窗口宽
29、度； height=300 窗口高度； top=0 窗口距离屏幕上方的象素值； left=0 窗口距离屏幕左侧的象素值； toolbar=no 是否显示工具栏，yes 为显示； menubar ，scrollbars 表示菜单栏和滚动栏。 resizable=no 是否允许改变窗口大小，yes 为允许； location=no 是否显示地址栏，yes 为允许； status=no 是否显示状态栏内的信息（通常是文件已经打开），yes 为允许； js脚本结束4。简单的页面加密 5。拉动页面时背景图不动 bodybackground-image:url(logo.gif); 名师资料总结 - -
30、-精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 16 页，共 22 页 - - - - - - - - - background-repeat:no-repeat;background-position:center 6。让浏览器在保存页面时保存失败 7。随机替换图片 document.write( 图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif 8。窗口定时关闭先将如下代码网页文件的区： function closeit() setTimeout(self.close(),100
31、00) /毫秒 然后再在 标内加入如： 9。网页自动关闭 这个窗口会在10 秒过后自动关闭, 而且不会出现提示. 10。网页自动刷新在 head 部记入 其中 20 为 20 秒后自动刷新，你可以更改为任意值。11。网页自动转页 12。保持 layer在最前面，而不被Iframe 、Object所覆盖在 Layer 中再插 Iframe. 或 Object 设 z-Index值 前面 后面 height=100% width=100% 13。返回上一页 返回上一页 14。关闭窗口 关闭窗口 15。关于 iframe的透明背景 16. ncontextmenu=window.event.retu
32、rnValue=false 将彻底屏蔽鼠标右键 no 可用于 Table 17. 取消选取、防止复制18.onpaste=return false 不准粘贴19.oncopy=return false; ncut=return false; 防止复制20. IE地址栏前换成自己的图标21. 可以在收藏夹中显示出你的图标22. 关闭输入法23. 永远都会带着框架 24. 防止被人frame. 25. 网页将不能被另存为 26. 查看网页源代码 27. 删除时确认名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - -
33、- - - - - 第 18 页，共 22 页 - - - - - - - - - 删除 28. 屏蔽功能键Shift,Alt,Ctrl function look() if(event.shiftKey) alert(禁止按 Shift键!); /可以换成ALT CTRL document.onkeydown=look; 29. 网页不会被缓存 或者 30. 怎样让表单没有凹凸感？ 或 31. 不要滚动条 ? 让竖条没有 : 让横条没有 : 两个都去掉？更简单了 32. 怎样去掉图片链接点击后，图片周围的虚线？ 33. 电子邮件处理提交表单 名师资料总结 - - -精品资料欢迎下载 - -
34、- - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 19 页，共 22 页 - - - - - - - - - 34. 在打开的子窗口刷新父窗口的代码里如何写？window.opener.location.reload() 35. 如何设定打开页面的大小 打开页面的位置 36. 在页面中如何加入不是满铺的背景图片, 拉动页面时背景图不动 body background-image:url(logo.gif); background-repeat:no-repeat; background-position:center;backgrou
35、nd-attachment: fixed 37. 检查一段字符串是否全由数字组成 38. 获得一个窗口的大小document.body.clientWidth; document.body.clientHeight 39. 怎么判断是否是字符if (/x00-/xff/g.test(s) alert(含有汉字 ); else alert(全是字符 ); 40.TEXTAREA自适应文字行数的多少 41. 日期减去天数等于第二个日期 function cc(dd,dadd) / 可以加上错误处理var a = new Date(dd) a = a.valueOf() a = a - dadd *
36、 24 * 60 * 60 * 1000 a = new Date(a) alert(a.getFullYear() + 年 + (a.getMonth() + 1) + 月 + a.getDate() + 日) cc(12/23/2002,2) 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 20 页，共 22 页 - - - - - - - - - 42. 选择了哪一个Radio function checkme() for each ob in radio1 if ob.che
37、cked then window.alert ob.value next end function Style. Barcode 43. 脚本永不出错 44.ENTER键可以让光标移到下一个输入框 45. 检测某个网站的链接速度：把如下代码加入区域中 : tim=1 setInterval(tim+,100) b=1 var autourl=new Array() autourl1= autourl2= autourl3= autourl4= autourl5= function butt() document.write() for(var i=1;iautourl.length;i+) d
38、ocument.write( = =) document.write() 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 21 页，共 22 页 - - - - - - - - - butt() function auto(url) document.forms0url+b.value=url if(tim200) document.forms0txt+b.value=链接超时 else document.forms0txt+b.value=时间 +tim/10+秒 b+ funct
39、ion run()for(var i=1;iautourl.length;i+)document.write() run() 46. 各种样式的光标auto ：标准光标default ：标准箭头hand ：手形光标wait ：等待光标text ：I 形光标vertical-text ：水平 I 形光标no-drop ：不可拖动光标not-allowed ：无效光标help ：?帮助光标all-scroll ：三角方向标move ：移动标crosshair ：十字标e-resize n-resize nw-resize w-resize s-resize se-resize sw-resize 47、禁止鼠标右键，把Demo的图片全都设为表格的背景，表格的大小与图片的大小一样。这样做看起来是一样的，主要是防止鼠标经过图片时会出现另存的按钮。禁止鼠标右键的代码很简单： function click() if (event.button=2) alert(呵呵，不好意思，你甭想使用右键下载图片：）); document.onmousedown=click名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 22 页，共 22 页 - - - - - - - - -