html常⽤代码⼤全
1.结构性定义
⽂件类型(放在档案的开头与结尾)
⽂件主题
⽂头
(描述性资料,像是「主题」)⽂体
(⽂件本体)(由浏览器控制的显⽰风格)
标题
标题的对齐
区分
区分的对齐
引⽂区块
(通常会内缩)强调(通常会以斜体显⽰)
特别强调(通常会以加粗显⽰)
引⽂(通常会以斜体显⽰)
码(显⽰原始码之⽤)
样本
键盘输⼊
变数
定义(有些浏览器不提供)
地址
⼤字
⼩字
与外观相关的标签(作者⾃订的表现⽅式)
加粗
斜体
底线(尚有些浏览器不提供)
删除线(尚有些浏览器不提供)
下标
上标
打字机体(⽤单空格字型显⽰)
预定格式
(保留⽂件中空格的⼤⼩)预定格式的宽度
向中看齐
闪耀(有史以来最被嘲弄的标签)
字体⼤⼩
改变字体⼤⼩
基本字体⼤⼩
字体颜⾊
说明(浏览器不会显⽰)
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;
}
将上⾯的代码放在叶⼦代码的
之间,颜⾊可根据⾃⼰的需要修改。滚动条的代码意思如下:
Scrollbar-Face-Color为滚动条表⾯颜⾊设定;
Scrollbar-Track-Color为滚动条底板颜⾊设定;
Scrollbar-Darkshadow为滚动条下边和右边边沿颜⾊设定;
Scrollbar-Highlight-Color为滚动条上斜⾯和左斜⾯颜⾊设定;
Scrollbar-Shadow-Color为滚动条下斜⾯和右斜⾯颜⾊设定;
Scrollbar-3Dlight-Color为滚动条上边和左边的边沿颜⾊设定;
Scrollbar-Arrow-Color为滚动条两端箭头颜⾊设定。
跑⾺燈
普通捲動
1)贴图:
2)加⼊连接:
3)在新窗⼝打开连接:
4)移动字体(⾛马灯):
5)字体加粗:写上你想写的字
6)字体斜体:写上你想写的字
7)字体下划线:写上你想写的字
8)字体删除线:写上你想写的字
9)字体加⼤:写上你想写的字
10)字体控制⼤⼩:
11)更改字体颜⾊:
12)消除连接的下划线:
13)贴⾳乐:
14)贴flash:
15)贴影视⽂件:
16)换⾏:
17)段落:
段落
18)原始⽂字样式:
正⽂
19)换帖⼦背景:
20)固定帖⼦背景不随滚动条滚动:
bgproperties=fixed>
21)定制帖⼦背景颜⾊:
22)帖⼦背景⾳乐:
23)贴⽹页:<="相关地址"width="宽度"height="⾼度">
1、店铺⾳乐代码:⾳乐⽹址"loop="-1">
2、图⽚制作代码:<imgsrc="这⾥放图⽚地址">
3、公告图⽚代码:<imgborder="0"src="这⾥放图⽚地址"/>或<imgsrc="这⾥放图⽚地址"/>
4、悬浮挂饰代码:<imgsrc="这⾥放图⽚地址"style="left:20px;position:relative;top:0px"/>
5、商品分类代码:<imgsrc="这⾥放图⽚地址"/>
6、字体⼤⼩代码:<fontsize="2">这⾥放要处理的⽂字,可⽤3、4、5等设置⼤⼩</font>
7、字体颜⾊代码:<fontcolor="red">这⾥放要处理的⽂字,可以换成blue,yellow等</font>
8、⽂字链接代码:<ahref="⽹页地址">链接的⽂字,在分类栏⾥⽤时链接的⽹页地址必须缩短</a>
9、移动⽂字代码:<marquee>从右到左移动的⽂字</marquee>
10、背景⾳乐代码:<bgsoundloop="-1"src="这⾥放⾳乐地址"></bgsound>
11、图⽚附加⾳乐代码:<imgborder=0src="这⾥放图⽚地址"dynsrc="这⾥放⾳乐地址">
12、浮动图⽚代码:<imgalt="1"height="150"src="这⾥放图⽚地址"/>
公告图⽚的代码:公告挂饰:店铺分类代码:背景⾳乐代码:换⾏代码
计数器代码颜⾊代码:
1⽩⾊#FFFFFF
2红⾊#FF0000
3绿⾊#00FF00
4蓝⾊#0000FF
5牡丹红#FF00FF
6青⾊#00FFFF
7黄⾊#FFFF00
8⿊⾊#000000
9海蓝#70DB93
10巧克⼒⾊#5C3317
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深棕褐⾊#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
60⽯灰绿⾊#32CD32
61桔黄⾊#E47833
62褐红⾊#8E236B
63中海蓝⾊#32CD99
64中蓝⾊#3232CD
65中森林绿#6B8E23
66中鲜黄⾊#EAEAAE
67中兰花⾊#9370DB
68中海绿⾊#426F42
69中⽯板蓝⾊#7F00FF
70中春绿⾊#7FFF00
71中绿松⽯⾊#70DBDB
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海绿⾊#238E68
92半甜巧克⼒⾊#6B4226
93赭⾊#8E6B23
94银⾊#E6E8FA
95天蓝#3299CC
96⽯板蓝#007FFF
97艳粉红⾊#FF1CAE
98春绿⾊#00FF7F
99钢蓝⾊#236B8E
100亮天蓝⾊#38B0DE
101棕褐⾊#DB9370
102紫红⾊#D8BFD8
103⽯板蓝⾊#ADEAEA
104浓深棕⾊#5C4033
105淡浅灰⾊#CDCDCD
106紫罗兰⾊#4F2F4F
107紫罗兰红⾊#CC3299
108麦黄⾊#D8D8BF
109黄绿⾊#99CC32
简单常⽤HTML代码⼤全(修改⽹页必备)
进⼊⽹页时弹出的信息对话框
关闭窗⼝后弹出对话框
告别提⽰
只要你肯⼲,没有什么不能成功的.
1。忽视右键
或
2。加⼊背景⾳乐
IE:
NS:
*.mid你的背景⾳乐的midi格式⽂件
3。简单的⽅法
nclick="javascript:(⽂件路径/⽂件名,newwindow,
toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,
width=400,height=300);">⽂字或图⽚
参数解释:
弹出新窗⼝的命令;
⽂件路径/⽂件名弹出窗⼝的⽂件名;
newwindow弹出窗⼝的名字(不是⽂件名),⾮必须,可⽤空代替;
width=400窗⼝宽度;
height=300窗⼝⾼度;
top=0窗⼝距离屏幕上⽅的象素值;
left=0窗⼝距离屏幕左侧的象素值;
toolbar=no是否显⽰⼯具栏,yes为显⽰;
menubar,scrollbars表⽰菜单栏和滚动栏。
resizable=no是否允许改变窗⼝⼤⼩,yes为允许;
location=no是否显⽰地址栏,yes为允许;
status=no是否显⽰状态栏内的信息(通常是⽂件已经打开),yes为允许;
js脚本结束
4。简单的页⾯加密
5。拉动页⾯时背景图不动
body{background-image:url();
background-repeat:no-repeat;background-position:center}
6。让浏览器在保存页⾯时保存失败
7。随机替换图⽚
(
+.gif"height="40"width="50">
图⽚⽂件名为
8。窗⼝定时关闭
先将如下代码⽹页⽂件的区:
functioncloit(){tTimeout("()",10000)//毫秒}
然后再在
标内加⼊如:9。⽹页⾃动关闭
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
这个窗⼝会在10秒过后⾃动关闭,⽽且不会出现提⽰.
10。⽹页⾃动刷新
在head部记⼊
<-EQUIV="Refresh"content="20">
其中20为20秒后⾃动刷新,你可以更改为任意值。
11。⽹页⾃动转页
<-EQUIV="Refresh"CONTENT="时间(秒);URL=地址">
12。保持layer在最前⾯,⽽不被Iframe、Object所覆盖
在Layer中再插Iframe.或Object设z-Index值
height:95px;z-index:2">height=100%width=100%>
<=0height=0>
height:115px;z-index:1">
<=100%width=100%>
13。返回上⼀页
14。关闭窗⼝
15。关于iframe的透明背景
<="iFrame1"SRC=""
allowTransparency="true"
style="
xtmenu="Value=fal"将彻底屏蔽⿏标右键
17. e="returnfal"不准粘贴 ="returnfal;"ncut="returnfal;"防⽌复制 20. 21. 22. 23.永远都会带着框架 24.防⽌被⼈frame. 25.⽹页将不能被另存为 26.查看⽹页源代码 onclick="on="view-source:"+"""> 27.删除时确认 28.屏蔽功能键Shift,Alt,Ctrl functionlook(){ if(ey) alert("禁⽌按Shift键!");//可以换成ALT CTRL } own=look; 29.⽹页不会被缓存 <-EQUIV="pragma"CONTENT="no-cache"> <-EQUIV="Cache-Control"CONTENT="no-cache,must-revalidate"> <-EQUIV="expires"CONTENT="Wed,26Feb199708:21:57GMT"> 或者<-EQUIV="expires"CONTENT="0"> 30.怎样让表单没有凹凸感? 或 31.不要滚动条? 让竖条没有: 让横条没有: 两个都去掉?更简单了no可⽤于Table
32.怎样去掉图⽚链接点击后,图⽚周围的虚线?
33.电⼦邮件处理提交表单
<="form1"method="post"action="mailt****@***.com"enctype="text/plain">
34.在打开的⼦窗⼝刷新⽗窗⼝的代码⾥如何写?
()
35.如何设定打开页⾯的⼤⼩
打开页⾯的位置
36.在页⾯中如何加⼊不是满铺的背景图⽚,拉动页⾯时背景图不动
body
{background-image:url();background-repeat:no-repeat;
background-position:center;background-attachment:fixed}
37.检查⼀段字符串是否全由数字组成
38.获得⼀个窗⼝的⼤⼩
Width;Height
39.怎么判断是否是字符
if(/[^/x00-/xff]/(s))alert("含有汉字");
elalert("全是字符");
EA⾃适应⽂字⾏数的多少
41.⽇期减去天数等于第⼆个⽇期
functioncc(dd,dadd)
{
//可以加上错误处理
vara=newDate(dd)
a=f()
a=a-dadd*24*60*60*1000
a=newDate(a)
alert(lYear()+"年"+(th()+1)+"⽉"+e()+"⽇")
}cc("12/23/2002",2)
42.选择了哪⼀个Radio
functioncheckme()
foreachobinradio1
next
endfunction