html常用代码大全.doc

《html常用代码大全.doc》由会员分享，可在线阅读，更多相关《html常用代码大全.doc（52页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、html常用代码大全2013-06-12xiaona图.阅116937转2344转藏到我的图书馆微信分享：1.结构性定义文件类型（放在档案的开头与结尾）文件主题（必须放在文头区块内）文头（描述性资料，像是主题）文体（文件本体）（由浏览器控制的显示风格）标题（从1到6，有六层选择）标题的对齐区分区分的对齐引文区块（通常会内缩）强调（通常会以斜体显示）特别强调（通常会以加粗显示）引文（通常会以斜体显示）码（显示原始码之用）样本键盘输入变数定义（有些浏览器不提供）地址大字小字与外观相关的标签（作者自订的表现方式）加粗斜体底线（尚有些浏览器不提供）删除线（尚有些浏览器不提供）下标上标打字机体（用单空格

2、字型显示）预定格式（保留文件中空格的大小）预定格式的宽度（以字元计算）向中看齐（文字与图片都可以）闪耀（有史以来最被嘲弄的标签）字体大小（从1到7）改变字体大小基本字体大小（从1到7;内定为3）字体颜色说明（浏览器不会显示）body scrollbar-face-color: #330033;scrollbar-shadow-color: #FFFFFF;scrollbar-highlight-color: #FFFFFF;scrollbar-3dlight-color: #FFFFFF;scrollbar-darkshadow-color: #FFFFFF;scrollbar-track-c

3、olor: #330033;scrollbar-arrow-color: #FFFFFF;将上面的代码放在叶子代码的之间,颜色可根据自己的需要修改。滚动条的代码意思如下：Scrollbar-Face-Color为滚动条表面颜色设定；Scrollbar-Track-Color为滚动条底板颜色设定；Scrollbar-Darkshadow为滚动条下边和右边边沿颜色设定；Scrollbar-Highlight-Color为滚动条上斜面和左斜面颜色设定；Scrollbar-Shadow-Color为滚动条下斜面和右斜面颜色设定；Scrollbar-3Dlight-Color为滚动条上边和左边的边沿颜色

4、设定；Scrollbar-Arrow-Color为滚动条两端箭头颜色设定。跑馬燈.普通捲動.滑動.預設捲動.來回捲動.向下捲動.向上捲動向右捲動向左捲動.捲動次數.設定寬度.設定高度.設定背景顏色.設定捲動距離.設定捲動時間1)贴图：2)加入连接：写上你想写的字3)在新窗口打开连接：写上要写的字4)移动字体(走马灯)：写上你想写的字5)字体加粗：写上你想写的字6)字体斜体：写上你想写的字7)字体下划线: 写上你想写的字8)字体删除线: 写上你想写的字9)字体加大: 写上你想写的字10)字体控制大小：写上你想写的字 (其中字体大小可从h1-h5,h1最大，h5最小)11)更改字体颜色：写上你想写

5、的字(其中value值在000000与ffffff(16位进制)之间12)消除连接的下划线：写上你想写的字13)贴音乐：14)贴flash: 15)贴影视文件：16)换行：17)段落：段落18)原始文字样式：正文19)换帖子背景：20)固定帖子背景不随滚动条滚动：21)定制帖子背景颜色：(value值见10)22)帖子背景音乐：23)贴网页：1、店铺音乐代码:音乐网址 loop=-12、图片制作代码：img src=这里放图片地址3、公告图片代码：img border=0 src=这里放图片地址 /或img src=这里放图片地址/4、悬浮挂饰代码：img src=这里放图片地址 style=

6、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、图片附加音乐代

7、码：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号青铜色#A67D

8、3D17士官服蓝色#5F9F9F18冷铜色#D9871919铜色#B8733320珊瑚红#FF7F0021紫蓝色#42426F22深棕#5C403323深绿#2F4F2F24深铜绿色#4A766E25深橄榄绿#4F4F2F26深兰花色#9932CD27深紫色#871F7828深石板蓝#6B238E29深铅灰色#2F4F4F30深棕褐色#97694F32深绿松石色#7093DB33暗木色#855E4234淡灰色#54545435土灰玫瑰红色#85636336长石色#D1927537火砖色#8E232338森林绿#238E2339金色#CD7F3240鲜黄色#DBDB7041灰色#C0C0C042

9、铜绿色#527F7643青黄色#93DB7044猎人绿#215E2145印度红#4E2F2F46土黄色#9F9F5F47浅蓝色#C0D9D948浅灰色#A8A8A849浅钢蓝色#8F8FBD59浅木色#E9C2A660石灰绿色#32CD3261桔黄色#E4783362褐红色#8E236B63中海蓝色#32CD9964中蓝色#3232CD65中森林绿#6B8E2366中鲜黄色#EAEAAE67中兰花色#9370DB68中海绿色#426F4269中石板蓝色#7F00FF70中春绿色#7FFF0071中绿松石色#70DBDB72中紫红色#DB709373中木色#A6806474深藏青色#2F2F4F

10、75海军蓝#23238E76霓虹篮#4D4DFF77霓虹粉红#FF6EC778新深藏青色#00009C79新棕褐色#EBC79E80暗金黄色#CFB53B81橙色#FF7F0082橙红色#FF240083淡紫色#DB70DB84浅绿色#8FBC8F85粉红色#BC8F8F86李子色#EAADEA87石英色#D9D9F388艳蓝色#5959AB89鲑鱼色#6F424290猩红色#BC171791海绿色#238E6892半甜巧克力色#6B422693赭色#8E6B2394银色#E6E8FA95天蓝#3299CC96石板蓝#007FFF97艳粉红色#FF1CAE98春绿色#00FF7F99钢蓝色#2

11、36B8E100亮天蓝色#38B0DE101棕褐色#DB9370102紫红色#D8BFD8103石板蓝色#ADEAEA104浓深棕色#5C4033105淡浅灰色#CDCDCD106紫罗兰色#4F2F4F107紫罗兰红色#CC3299108麦黄色#D8D8BF109黄绿色#99CC32简单常用HTML代码大全（修改网页必备）网页常用HTML代码大全超链接，用的最多：点击在当前页打开网站a href=效果：这是我的网站点击弹出网站这是我的网站这个是向下一行，比如欢迎光临我的网站希望开心演示效果就是：欢迎光临我的网站希望开心向下一大行，比如欢迎光临我的网站希望开心演示效果就是：欢迎光临我的网站希望开

12、心这是粗体字比如我的网站演示效果：我的网站我的网站这是字体的颜色BLUE是蓝，RED是红演示忽视右键或如何几秒后转到别的页面？点击关闭窗口点击关闭窗口！请问如何去掉主页右面的滚动条？如何做到让一个网页自动关闭.这个窗口会在10秒过后自动关闭,而且不会出现提示. 如何在不刷新页面的情况下刷新css?button color:#000000;点击按钮直接修改style标签里button选择符使按钮改为红色请问如何让网页自动刷新？在head部记入其中20为20秒后自动刷新，你可以更改为任意值。如何让页面自动刷新？方法一，用refreshHTML代码片段如下:5表示刷新时间Ctrl+A全部选择 提示:

13、你可先修改部分代码，再按运行方法二，使用setTimeout控制function rl()document.location.reload()setTimeout(rl,2000)如何让超链接没有下划线在源代码中的之间输入如下代码： 请问如何去掉IE的上下滚动条？怎样才能把RealPlayer文件在网页做一个试听连接？如何用html实现浏览器上后退按钮的功能？点击后退或者 history.back() 请问怎么在网页中改变鼠标的箭头形状？HTML代码片段如下:autocrosshair default hand move e-resize ne-resize nw-resizen-resize

14、se-resizesw-resizes-resizew-resizetextwaithelp怎样不使用页面的缓存？即每一次打开页面时不是调用缓存中的东西页面打开时自动弹出一个窗口的代码怎么写？HTML代码片段如下:Untitled Documentscript. language=javascript如何让我的页面出现一个会讲话的小人？MerlinHTML代码片段如下:默林var MerlinID;var MerlinACS;sims.Connected = true;MerlinLoaded = LoadLocalAgent(MerlinID, MerlinACS);Merlin = sim

15、s.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(

16、CharID, CharACS);return(true); 看此效果必须装有office2000！在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动HTML代码片段如下:bodybackground-image:url(logo.gif);background-repeat:no-repeat; background-position:center Ctrl+A全部选择 提示:你可先修改部分代码，再按运行background-repeat:no-repeat;是讓背景圖不占滿整個頁面body bgproperties=fixed是拉動scroll時背景圖不動文本输入框什么属性能实现不可

17、输入？HTML代码片段如下:或者如何禁止自己的页面在别人的框架里打开？把以下代码加至你的区if (window.top!=self)window.top.location=self.location如何实现首页全屏幕显示？HTML代码片段如下:script. language=javascriptvar coolw=642var coolh=400var coolhuang=window.open(,coolhuang,width=+coolw+,height=+coolh+,fullscreen=1,toolbar=0,location=0,directories=0,status=0,me

18、nubar=0,scrollbars=0,resizable=0)window.close()如何监听一个窗口被关闭了？HTML代码片段如下:如何禁止Ctrl+N？HTML代码片段如下:如何把页面加入用户的收藏夹？HTML代码片段如下:a href=javascript:window.external.AddFavorite(,无忧脚本)收藏无忧脚本如何在我的页面中加入背景音乐？IE: NS:*.mid你的背景音乐的midi格式文件关于页面转换效果或说明：Transition=23是随机效果，另可以选0-22任一数字固定某个效果如何设定打开页面的大小HTML代码片段如下:怎样双击滚屏，单击停止

19、？HTML代码片段如下:新網頁1script. languagejavascriptvar 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.on

20、mousedown=scdocument.ondblclick=initializeaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa如何让body中的文字不被选中？HTML代码片段如下:aaa如何让弹出的窗口不能关闭？在新开的窗口中加入如下代码如何让浏览器在保存页面时保存失败？HTML代码片段如下:IFRAME SRC=*.html/IFRAME表单中如何用图片按钮实现reset?function aaa()document.forms0.reset()进入网页时弹出的信息对话框关闭窗口后弹出对话框告别提示只要你肯干,没有什么不能成功的.1。忽视右键 或2。

21、加入背景音乐IE:NS:*.mid你的背景音乐的midi格式文件3。简单的window.open方法文字或图片 参数解释： js脚本开始；window.open弹出新窗口的命令； 文件路径/文件名 弹出窗口的文件名；newwindow弹出窗口的名字（不是文件名），非必须，可用空代替；width=400窗口宽度；height=300窗口高度；top=0窗口距离屏幕上方的象素值；left=0窗口距离屏幕左侧的象素值；toolbar=no是否显示工具栏，yes为显示；menubar，scrollbars表示菜单栏和滚动栏。resizable=no是否允许改变窗口大小，yes为允许；location=

22、no是否显示地址栏，yes为允许；status=no是否显示状态栏内的信息（通常是文件已经打开），yes为允许； js脚本结束4。简单的页面加密5。拉动页面时背景图不动bodybackground-image:url(logo.gif);background-repeat:no-repeat;background-position:center6。让浏览器在保存页面时保存失败7。随机替换图片document.write( 图片文件名为0.gif 1.gif 2.gif 3.gif 4.gif8。窗口定时关闭 先将如下代码网页文件的区：function closeit() setTimeout(self.close(),10000) /毫秒 然后再在标内加入如：9。网页自动关闭 这个窗口会在10秒过后自动关闭,而且不会出现提示.10。网页自动刷新 在head部记入 其中20为20秒后自动刷新，你可以更改为任意值。11。网页自动转页12。保持layer在最前面，而不被Iframe、Object所覆盖 在Layer中再插Iframe.或Object设z-Index值 前面 后面 height=100% width=100%13。返回上一页返回上一页14。关闭窗口关闭窗口15。关于iframe的透明背景