1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<
table
border oncontextmenu
=return(false)
><
td
>
no
</
table
>
可用于Table
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
2.
<
body
onselectstart
="return false"
>
取消选取、防止复制
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
3. οnpaste="return false" 不准粘贴
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
4. οncοpy="return false;" oncut="return false;" 防止复制
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
5.
<
link
rel
="Shortcut Icon"
href
="favicon.ico"
>
IE地址栏前换成自己的图标
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
6.
<
link
rel
="Bookmark"
href
="favicon.ico"
>
可以在收藏夹中显示出你的图标
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
7.
<
input
style
="ime-mode:disabled"
>
关闭输入法
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
8. 永远都会带着框架
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
<
script
language
="JavaScript"
>
<!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script>
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
10. 网页将不能被另存为
<noscript><iframe src=*.html></iframe></noscript>
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
11. <input type=button value=查看网页源代码
onclick="window.location = 'view-source:'+ 'http://www.51js.com/'">
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
12.删除时确认
<a href='javascript:if(confirm("确实要删除吗?" target=_blank))location="boos.asp?&areyou=删除&page=1"'>删
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
除</a>
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
13. 取得控件的绝对位置
//Javascript
<script language="Javascript">
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
function getIE(e)
{
var t=e.offsetTop;
var l=e.offsetLeft;
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
while(e=e.offsetParent)
{
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"/nleft="+l);
}
</
script
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
//VBScript
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
<
script
language
="VBScript"
>
<!--
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName<>"BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
-->
</
script
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
14. 光标是停在文本框文字的最后
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
<
script
language
="javascript"
>
function cc()
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}
</
script
>
<
input
type
=text
name
=text1
value
="123"
onfocus
="cc()"
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
15. 判断上一页的来源
javascript:
document.referrer
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
16. 最小化、最大化、关闭窗口
<
object
id
=hh1
classid
="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"
>
<
param
name
="Command"
value
="Minimize"
></
object
>
<
object
id
=hh2
classid
="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"
>
<
param
name
="Command"
value
="Maximize"
></
object
>
<
OBJECT
id
=hh3
classid
="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"
>
<
PARAM
NAME
="Command"
VALUE
="Close"
></
OBJECT
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
<
input
type
=button
value
=最小化
onclick
=hh1.Click()
>
<
input
type
=button
value
=最大化
onclick
=hh2.Click()
>
<
input
type
=button
value
=关闭
onclick
=hh3.Click()
>
本例适用于IE
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
17.屏蔽功能键Shift,Alt,Ctrl
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
<
script
>
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
function look()
{
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT CTRL
}
document.onkeydown=look;
</
script
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
18. 网页不会被缓存
<
META
HTTP-EQUIV
="pragma"
CONTENT
="no-cache"
>
<
META
HTTP-EQUIV
="Cache-Control"
CONTENT
="no-cache, must-revalidate"
>
<
META
HTTP-EQUIV
="expires"
CONTENT
="Wed, 26 Feb 1997 08:21:57 GMT"
>
或者
<
META
HTTP-EQUIV
="expires"
CONTENT
="0"
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
19.怎样让表单没有凹凸感?
<
input
type
=text
style
="border:1 solid #000000"
>
或
<
input
type
=text
style
="border-left:none; border-right:none; border-top:none; border-bottom:
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
1 solid #000000"
></
textarea
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
20.
<
div
><
span
>
&
<
layer
>
的区别?
<
div
>
(division)用来定义大段的页面元素,会产生转行
<
span
>
用来定义同一行内的元素,跟
<
div
>
的唯一区别是不产生转行
<
layer
>
是ns的标记,ie不支持,相当于
<
div
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
21.让弹出窗口总是在最上面:
<
body
onblur
="this.focus();"
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
22.不要滚动条?
让竖条没有:
<
body
style
='overflow:scroll;overflow-y:hidden'
>
</
body
>
让横条没有:
<
body
style
='overflow:scroll;overflow-x:hidden'
>
</
body
>
两个都去掉?更简单了
<
body
scroll
="no"
>
</
body
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
23.怎样去掉图片链接点击后,图片周围的虚线?
<
a
href
="#"
onFocus
="this.blur( target=_blank)"
><
img
src
="logo.jpg"
border
=0
></
a
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
24.电子邮件处理提交表单
<
form
name
="form1"
method
="post"
action
="mailt****@***.com"
enctype
="text/plain"
>
<
input
type
=submit
>
</
form
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
25.在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
26.如何设定打开页面的大小
<
body
onload
="top.resizeTo(300,200);"
>
打开页面的位置
<
body
onload
="top.moveBy(300,200);"
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
<
STYLE
>
body
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
{
}{background-image:url(logo.gif); background-repeat:no-repeat;
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
background-position:center;background-attachment: fixed}
</
STYLE
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
28. 检查一段字符串是否全由数字组成
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
<
script
language
="Javascript"
>
<!--
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
function checkNum(str)
{return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
</
script
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
33. 选择了哪一个Radio
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
<
HTML
><
script
language
="vbscript"
>
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</
script
><
BODY
>
<
INPUT
name
="radio1"
type
="radio"
value
="style"
checked
>
Style
<
INPUT
name
="radio1"
type
="radio"
value
="barcode"
>
Barcode
<
INPUT
type
="button"
value
="check"
onclick
="checkme()"
>
</
BODY
></
HTML
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
34.脚本永不出错
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
<
SCRIPT
LANGUAGE
="JavaScript"
>
<!-- Hide
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
function killErrors()
{
return true;
}
window.onerror = killErrors;
// -->
</
SCRIPT
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
35.ENTER键可以让光标移到下一个输入框
<
input
onkeydown
="if(event.keyCode==13)event.keyCode=9"
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
36. 检测某个网站的链接速度:
把如下代码加入
<
body
>
区域中:
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
<
script
language
=Javascript
>
tim=1
setInterval("tim++",100)
b=1
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
var autourl=new Array()
autourl[1]="www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
function butt()
{
document.write("<form name=autof>")
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value=测试中……> =》<input type=text
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
name=url"+i+" size=40> =》<input type=button value=GO
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
οnclick=window.open(this.form.url"+i+".value)><br>")
document.write("<input type=submit value=刷新></form>")
}
butt()
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
function auto(url)
{
document.forms[0]["url"+b].value=url
if(tim>200)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
{document.forms[0]["txt"+b].value="链接超时"}
else
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif)
{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}
b++
}
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gif)
function run()
{for(var i=1;i<autourl.length;i++)document.write("<img
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
src=http://"+autourl+"/"+Math.random()+" width=1 height=1
![](https://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif)
οnerrοr=auto('http://"+autourl+"')>")}
run()
</
script
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
37. 各种样式的光标
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
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
38.页面进入和退出的特效
进入页面
<
meta
http-equiv
="Page-Enter"
content
="revealTrans(duration=x, transition=y)"
>
推出页面
<
meta
http-equiv
="Page-Exit"
content
="revealTrans(duration=x, transition=y)"
>
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
用哪种特效,取值为1-23:
0 矩形缩小
1 矩形扩大
2 圆形缩小
3 圆形扩大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 竖百叶窗
9 横百叶窗
10 错位横百叶窗
11 错位竖百叶窗
12 点扩散
13 左右到中间刷新
14 中间到左右刷新
15 中间到上下
16 上下到中间
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 横条
22 竖条
23 以上22种随机选择一种
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
39.在规定时间内跳转
<
META
http-equiv
=V="REFRESH"
content
="5;URL=http://www.51js.com"
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
40.网页是否被检索
<
meta
name
="ROBOTS"
content
="属性值"
>
其中属性值有以下一些:
属性值为"all": 文件将被检索,且页上链接可被查询;
属性值为"none": 文件不被检索,而且不查询页上的链接;
属性值为"index": 文件将被检索;
属性值为"follow": 查询页上的链接;
属性值为"noindex": 文件不检索,但可被查询链接;
属性值为"nofollow": 文件不被检索,但可查询页上的链接。
HTML标记参考手册
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
总类(所有HTML文件都有的)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
文件类型
<
HTML
></
HTML
>
(放在档案的开头与结尾)
文件主题
<
TITLE
></
TITLE
>
(必须放在「文头」区块内)
文头
<
HEAD
></
HEAD
>
(描述性资料,像是「主题」)
文体
<
BODY
></
BODY
>
(文件本体)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
结构性定义(由浏览器控制的显示风格)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
标题
<
H
?
></
H?
>
(从1到6,有六层选择)
3.0 标题的对齐
<
H
? ALIGN
=LEFT|CENTER|RIGHT
></
H?
>
3.0 区分
<
DIV
></
DIV
>
3.0 区分的对齐
<
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
>
3.0 大字
<
BIG
></
BIG
>
3.0 小字
<
SMALL
></
SMALL
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
与外观相关的标签(作者自订的表现方式)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
加粗
<
B
></
B
>
斜体
<
I
></
I
>
3.0 底线
<
U
></
U
>
(尚有些浏览器不提供)
3.0 删除线
<
S
></
S
>
(尚有些浏览器不提供)
3.0 下标
<
SUB
></
SUB
>
3.0 上标
<
SUP
></
SUP
>
打字机体
<
TT
></
TT
>
(用单空格字型显示)
预定格式
<
PRE
></
PRE
>
(保留文件中空格的大小)
预定格式的宽度
<
PRE
WIDTH
=?
></
PRE
>
(以字元计算)
N1.0+ 向中看齐
<
CENTER
></
CENTER
>
(文字与图片都可以)
N1.0 闪耀
<
BLINK
></
BLINK
>
(有史以来最被嘲弄的标签)
N1.0 字体大小
<
FONT
SIZE
=?
></
FONT
>
(从1到7)
N1.0 改变字体大小
<
FONT
SIZE
=+|-?
></
FONT
>
N1.0 基本字体大小
<
BASEFONT
SIZE
=?
>
(从1到7; 内定为3)
N2.0 字体颜色
<
FONT
COLOR
="#$$$$$$"
></
FONT
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
连结与图形
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
链接
<
A
HREF
="URL"
></
A
>
链接到锚点
<
A
HREF
="URL#***"
></
A
>
(如果锚点在另一个档案)
<
A
HREF
="#***"
></
A
>
(如果锚点目前的档案)
N2.0 链接到目的视框
<
A
HREF
="URL"
TARGET
="***"
></
A
>
设定锚点
<
A
NAME
="***"
></
A
>
图形
<
IMG
SRC
="URL"
>
图形看齐方式
<
IMG
SRC
="URL"
ALIGN
=TOP|BOTTOM|MIDDLE
>
N1.0 图形看齐方式
<
IMG
SRC
="URL"
ALIGN
=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM
>
取代文字
<
IMG
SRC
="URL"
ALT
="***"
>
(如果没有办法显示图形则显示此文字)
点选图
<
IMG
SRC
="URL"
ISMAP
>
(需要CGI程式)
N2.0 点选图
<
IMG
SRC
="URL"
USEMAP
="URL"
>
N2.0 地图
<
MAP
NAME
="***"
></
MAP
>
(描述地图)
N2.0 段落
<
AREA
SHAPE
="RECT"
COORDS
=",,,"
HREF
="URL"
|NOHREF
>
3.0 大小
<
IMG
SRC
="URL"
WIDTH
="?"
HEIGHT
="?"
>
(以pixels为单位)
N1.0 图形边缘
<
IMG
SRC
="URL"
BORDER
=?
>
(以pixels为单位)
N1.0 图形边缘空间
<
IMG
SRC
="URL"
HSPACE
=?
VSPACE
=?
>
(以pixels为单位)
N1.0 低解析度图形
<
IMG
SRC
="URL"
LOWSRC
="URL"
>
N1.1 用户端拉
<
META
HTTP-EQUIV
="Refresh"
CONTENT
="?; URL=URL"
>
(使用端自动更新 )
N2.0 内嵌物件
<
EMBED
SRC
="URL"
>
(将物件插入页面)
N2.0 内嵌物件大小
<
EMBED
SRC
="URL"
WIDTH
="?"
HEIGHT
="?"
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
分隔
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
段落
<
P
>
(通常是两个return)
3.0 段落
<
P
></
P
>
(新定义成容器型标签)
3.0 文字看齐方式
<
P
ALIGN
=LEFT|CENTER|RIGHT
></
P
>
换行
<
BR
>
(一个return)
N1.0 文字部份看齐方式
<
BR
CLEAR
=LEFT|RIGHT|ALL
>
(与图形合用时)
横线
<
HR
>
N1.0 横线对齐
<
HR
ALIGN
=LEFT|RIGHT|CENTER
>
N1.0 横线厚度
<
HR
SIZE
=?
>
(以pixels为单位)
N1.0 横线宽度
<
HR
WIDTH
=?
>
(以pixels为单位)
N1.0 横线比率宽度
<
HR
WIDTH
=%
>
(以页宽为100%)
N1.0 实线
<
HR
NOSHADE
>
(没有立体效果)
N1.0 不可换行
<
NOBR
></
NOBR
>
(不换行)
N1.0 可换行处
<
WBR
>
(如果需要,可在此断行)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
列举 (可以巢状列举)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
无次序式列举
<
UL
><
LI
></
UL
>
(
<
LI
>
放在每一项前)
N1.0 公布式列举
<
UL
TYPE
=DISC|CIRCLE|SQUARE
>
(定义全部的列举项)
<
LI
TYPE
=DISC|CIRCLE|SQUARE
>
(定义这个及其後的列举项)
有次序式列举
<
OL
><
LI
></
OL
>
(
<
LI
>
放在每一项前)
N1.0 数标型态
<
OL
TYPE
=A|a|I|i|1
>
(定义全部的列举项)
<
LI
TYPE
=A|a|I|i|1
>
(定义这个及其後的列举项)
N1.0 起始数字
<
OL
VALUE
=?
>
(定义全部的列举项)
<
LI
VALUE
=?
>
(定义这个及其後的列举项)
定义式列举
<
DL
><
DT
><
DD
></
DL
>
(
<
DT
>
项目,
<
DD
>
定义)
表单式列举
<
MENU
><
LI
></
MENU
>
(
<
LI
>
放在每一项前)
目录式列举
<
DIR
><
LI
></
DIR
>
(
<
LI
>
放在每一项前)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
背景与颜色
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
3.0 重复排列的背景
<
BODY
BACKGROUND
="URL"
>
N1.1+ 背景颜色
<
BODY
BGCOLOR
="#$$$$$$"
>
(依序为红、绿、蓝)
N1.1+ 文字颜色
<
BODY
TEXT
="#$$$$$$"
>
N1.1+ 连结颜色
<
BODY
LINK
="#$$$$$$"
>
N1.1+ 看过的连结
<
BODY
VLINK
="#$$$$$$"
>
N1.1 使用中的连结
<
BODY
ALINK
="#$$$$$$"
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
特别符号 ?; (其中 ? 代表 ISO 8859-1 的编码)
<
<
>
> & lt;& gt;
注册商标TM & reg;
N1.0+ 注册商标TM & reg;
著作权符号 & copy;
N1.0+ 著作权符号 & copy;
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
表单 (通常需要与CGI程式配合)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
定义表单
<
FORM
ACTION
="URL"
METHOD
=GET|POST
></
FORM
>
N2.0 上传档案
<
FORM
ENCTYPE
="multipart/form-data></FORM>
输入栏位 <INPUT TYPE="
TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET"
>
栏位名称
<
INPUT
NAME
="***"
>
栏位内定值
<
INPUT
VALUE
="***"
>
已选定
<
INPUT
CHECKED
>
(适用於checkboxes与 radio boxes)
栏位宽度
<
INPUT
SIZE
=?
>
(以字元数为单位)
最长字数
<
INPUT
MAXLENGTH
=?
>
(以字元数为单位)
下拉式选单
<
SELECT
></
SELECT
>
下拉式选单名称
<
SELECT
NAME
="***"
></
SELECT
>
选单项目数量
<
SELECT
SIZE
=?
></
SELECT
>
多选式选单
<
SELECT
MULTIPLE
>
(多选)
选项
<
OPTION
>
内定选项
<
OPTION
SELECTED
>
文字输入区
<
TEXTAREA
ROWS
=?
COLS
=?
></
textarea
>
输入区名称
<
TEXTAREA
NAME
="***"
></
textarea
>
N2.0 输入区换行方式
<
TEXTAREA
WRAP
=OFF|VIRTUAL|PHYSICAL
></
textarea
>
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
表格
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
3.0 定义表格
<
TABLE
></
TABLE
>
3.0 表格框线
<
TABLE
BORDER
></
TABLE
>
(有或没有)
N1.1 表格框线
<
TABLE
BORDER
=?
></
TABLE
>
(可以设定数值)
N1.1 储存格左右留白
<
TABLE
CELLSPACING
=?
>
N1.1 储存格上下留白
<
TABLE
CELLPADDING
=?
>
N1.1 表格宽度
<
TABLE
WIDTH
=?
>
(以pixels为单位)
N1.1 宽度比率
<
TABLE
WIDTH
=%
>
(页宽为100%)
3.0 表格列
<
TR
></
TR
>
3.0 表格列内容看齐
<
TR
ALIGN
=LEFT|RIGHT|CENTER
VALIGN
=TOP|MIDDLE|BOTTOM
>
3.0 储存格
<
TD
></
TD
>
(须与列并用)
3.0 储存格内容看齐
<
TD
ALIGN
=LEFT|RIGHT|CENTER
VALIGN
=TOP|MIDDLE|BOTTOM
>
3.0 不换行
<
TD
NOWRAP
>
N3.0 储存格背景颜色
<
TD
BGCOLOR
=#$$$$$$
>
3.0 储存格横向连接
<
TD
COLSPAN
=?
>
3.0 储存格纵向连接
<
TD
ROWSPAN
=?
>
N1.1 储存格宽度
<
TD
WIDTH
=?
>
(以pixels为单位)
N1.1 储存格宽度比率
<
TD
WIDTH
=%
>
(页宽为100%)
3.0 表格标题
<
TH
></
TH
>
(跟
<
TD
>
一样,不过会对中并加粗)
3.0 表格标题对齐
<
TH
ALIGN
=LEFT|RIGHT|CENTER
VALIGN
=TOP|MIDDLE|BOTTOM
>
3.0 表格标题不换行
<
TH
NOWRAP
>
3.0 表格标题占几栏
<
TH
COLSPAN
=?
>
3.0 表格标题占几列
<
TH
ROWSPAN
=?
>
N1.1 表格标题宽度
<
TH
WIDTH
=?
>
(以pixels为单位)
N1.1 表格标题比率宽度
<
TH
WIDTH
=%
>
(页宽为100%)
3.0 表格抬头
<
CAPTION
></
CAPTION
>
3.0 表格抬头看齐
<
CAPTION
ALIGN
=TOP|BOTTOM
>
(在表格之上/之下)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
视框 (定义与控制萤幕上的特定区域)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
N2.0 视框格式总定义
<
FRAMESET
></
FRAMESET
>
(取代
<
BODY
>
)
N2.0 视框行长度分配
<
FRAMESET
ROWS
=,,,
></
FRAMESET
>
(pixels 或 %)
N2.0 视框行长度分配
<
FRAMESET
ROWS
=*
></
FRAMESET
>
(* = 相对大小)
N2.0 视框栏宽度分配
<
FRAMESET
COLS
=,,,
></
FRAMESET
>
(pixels 或 %)
N2.0 视框栏宽度分配
<
FRAMESET
COLS
=*
></
FRAMESET
>
(* =相对大小)
N2.0 定义个别视框
<
FRAME
>
(定义个别视框)
N2.0 个别视框内容
<
FRAME
SRC
="URL"
>
N2.0 个别视框名称
<
FRAME
NAME
="***"
|_blank|_self|_parent|_top
>
N2.0 边缘宽度
<
FRAME
MARGINWIDTH
=?
>
(「左」与「右」边界)
N2.0 边缘高度
<
FRAME
MARGINHEIGHT
=?
>
(「天顶」与「地底」边界)
N2.0 卷动条
<
FRAME
SCROLLING
="YES|NO|AUTO"
>
N2.0 不可改变大小
<
FRAME
NORESIZE
>
N2.0 无视框时的内容
<
NOFRAMES
></
NOFRAMES
>
(如果浏览器不提供视框功能的话)
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
杂项
![](https://www.cnblogs.com/Images/OutliningIndicators/None.gif)
说明 (浏览器不会显示)
档案型态声明
<!
DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"
>
3.0 档案型态声明
<!
DOCTYPE HTML PUBLIC "-//W3O//DTD W3 HTML 3.0//EN"
>
可搜寻
<
ISINDEX
>
(指示可搜寻的索引项)
N1.0 提示
<
ISINDEX
PROMPT
="***"
>
(要求输入的提示文字)
送出搜寻条件
<
A
HREF
="URL?***"
></
a
>
(其中的问号不是数字,而是「问号」)
基本档案的URL
<
BASE
HREF
="URL"
>
(必须放在「文头」区段内)
N2.0 基本视窗名称
<
BASE
TARGET
="***"
>
(必须放在「文头」区段内)
相关性
<
LINK
REV
="***"
REL
="***"
HREF
="URL"
>
(必须放在「文头」区段内)
背景资讯
<
META
>
(必须放在「文头」区段内)
转载于:https://www.cnblogs.com/kantorgong/archive/2008/05/29/1210100.html