 学习html语言入门

本文内容由 一佳电脑 编辑 2007

html网页常用编译软件有：FrontPage 和 Dreamweaver 软件，你可以下载过来进行安装使用(2者任选1)
当然了你也可以使用计算机中的记事本来进行编译，本文的内容就是记事本来编写的

直接在记事本中编译的好处是：能够使初学者记忆住常用的语句代码，从而理解了语句中英文的含义
直接在记事本中编译的弊端是：编译速度较慢，每一句代码都需要手动输入

《初学者初接触时开始的第一步》

学习开始的第一步：不知你发现没有，当你打开记事本，然后随便输入一些文字，内容没有什么要求，随便乱写都可以，再接下来你点击 [文件] 选择 [另存为] 在弹出窗口中 [文件名] 随便给它取一个，比如 123 后缀写.html （就是把原来的.txt改成.html）→ 保存 → OK完成了

这时你再打开你刚刚制作而成的 123.html 网页文件 你会惊奇地发现，原来你也可以制作网页了，尽管网页内容是乱七八糟随便乱写的，这就是最简单的网页，由简单到复杂到深入，就是这样一步一步来的

如果你还想在这最简单的页面上加上一点其他功能，比如链接，比如文字滚动，比如插入一张图片，比如插入一段音乐，等等，那么接下来就是要开始学习了，学一点用一点记一点，慢慢积累经验吧

任何的复杂程序，多功能程序，都是人制作出来的，那就要看你学习到哪里了，下面主要介绍一下编译中简单常用的语句代码

《记住，理解，并养成习惯》

html语言基本格式：从< >开始到</ >结束 
比如：<html> </html>   <title> </title>   <a> </a>   <p> </p>   <b> </b>

所以首先你要记住一点，看语句要看完整，写语句要写完整，也就是当有<html>出现时，后面必须要有一个</html>如果你只看到前面的<a> 而后面的</a>什么都不管，也不编写也不理它，那是不行的
如果语句不完整，只要一运行当计算机在读取这段代码时，电脑会发现语句还不完整而停止工作，那么后果就是程序错误，电脑执行不下去了


《开始学习》

1，一个网页基本构架（如何看懂网页最简单的代码）

<html>
<!------------这里是头部-->
<head>
<meta http-equiv="content-language" content="zh-cn">
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>标题</title>
</head>
<!------------头部结束-->

<!------------这里是主体部分-->
<body>

</body>
<!------------主体部分结束-->
</html>


<!--------------> 这个是注释内容（解释）也就是说在编译时会看到，制作好后打开浏览时是看不到的

<title> </title> 这个是网页在浏览器中的标题，一般全不写的话也是可以的，只不过打开浏览时，在浏览器中没有任何文字罢了，在上面的例子中写了“标题”2字

记住 <body> </body> 这是网页正文内容全都包含在这之间的，也就是在网站上所浏览看到的一切，全在<body> </body>之间，花一点时间理解<body> </body>所起的作用 ，给你10分钟很足够了吧

以上就是你必须所要了解的一个基本框架，别贪学一开始记忆多了会记不住的，先学习这么多，休息一下

告诉你一点经验，上面的基本框架以后就无须重操作写了，复制粘贴总会吧，复制粘贴OK了

有人会说，现在网页模板有很多，去下个漂亮的模板就可以了，这里建议一下初学还没有入门者最好别去下载那些东西，尽管模板特别特别漂亮，你也只是拿过来用而已，里面的代码你还是看不懂，那等于零，就很难学会了，只有在你深入掌握好制作技术，在那个时候你为了偷懒去下载模板过来使用那倒是可以的

《继续学习》

2，认识网页中的段落

<p>这里是一行一个段落</p> ，如果你想一行一个段落的话那就写上<p> </p>即可

<br> 智能分段 ，如果你想智能分段的话那就写上<br>即可

<hr> 段落分隔线 ---- 也就是插入一条直线 ，如果你想插入一条直线的话那就写上<hr>即可

<br>和<hr>还有后面讲到<img>这几个可以特殊写，无须后面</br></hr></img>跟上，注意一下就可以

 align位置属性 比如：<p align=" ">这个就是位置属性，双引号" "可以有也可以无，必须要成双成对，要么有要么全无

left    代表位置居左
center  代表位置居中
right   代表位置居右

下面有2个示范：

<p align=center>内容将居中显示</p>    注释：这里双引号" "没有写

<p align="right">内容将居右显示</p>   注释：如果写上双引号" "必须要成对

学习到这里先做个例子吧，题目是建立一个abc.html网页文件，标题居中，正文内容居左，分2段显示
如果现在你已经会做的话，那么就不要去偷看下面的代码了，自己写一段出来试一试

例子代码如下：

<html>
<head>
<meta http-equiv="content-language" content="zh-cn">
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>制作示范例子</title>
</head>
<body>
<p align="center">标题：这是我的学习作业</p>
<p align="left">内容是：学习例子，学习例子，学习例子，学习例子，作业完成！</p>
</body>
</html>

全段代码结束

假设如果要你在标题和正文之间再添加一条直线的话，代码如下：

<html>
<head>
<meta http-equiv="content-language" content="zh-cn">
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>制作示范例子</title>
</head>
<body>
<p align="center">标题：这是我的学习作业</p>
<hr>
<p align="left">内容是：学习例子，学习例子，学习例子，学习例子，作业完成！</p>
</body>
</html>

全段代码结束

假设如果要你在正文内容里智能分3个段落的话，代码如下：

<html>
<head>
<meta http-equiv="content-language" content="zh-cn">
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>制作示范例子</title>
</head>
<body>
<p align="center">标题：这是我的学习作业</p>
<hr>
<p align="left">内容是：学习例子，学习例子<br>第2段落，学习例子<br>第3段落，作业完成</p>
</body>
</html>

全段代码结束

结合以上3段代码来看看，区分下这其中有些什么区别吧，休息一下

第2课课后学习：

 &nbsp; 这是一个空格表示符，比如：<p>这里&nbsp;空一格</p>

如果想打开已经制作好的网页查看代码，请按以下方式操作：

鼠标指向网页的文件（比如 test2.htm ） → 然后鼠标右键单击 → 选择打开方式 → 选择记事本

打开以后就可以查看代码以及直接修改编辑代码了，修改编辑完成后 → 点文件 → 点保存


《继续学习》

3，认识网页中的字体代码

 字体设置

<b>字体加粗</b>
<i>字体倾斜</i>
<u>字体下划线</u>

举个例子：“我的主页”把这4个文字加粗，“内容简介”把这4个文字倾斜，“其他”把这2个文字加个下划线

那么代码应该如何写呢？你可以自己试着去写一写代码，做个学习吧

代码很简单，如下：

......
</head>
<body>
<b>我的主页</b><i>内容简介</i><u>其他</u>
</body>
</html>

要是你觉得排一行不合理，想排3行也很简单，排成3行（也就是3段）代码上面已经学过了，相信你应该知道怎么加代码了吧

 文字的属性

<font color="" size="">文字</font>

color="#ff0000" 红颜色 color=#ffffff 白颜色 color="#000000" 黑颜色

修改" "里面字母可得到其他颜色，这里的双引号" "同样也是可有可无，要么成双出现，要么全无

size=7  字体大小为7号  size="1"  字体大小为1号

代码举例示范：<p><font color="#ff0000" size="7">我的作业</font></p>



4，如何制作插入图片

《继续学习》 插入一张图片

<img src="xxx.jpg" width="100" height="50" alt="提示内容">

xxx 为你自己命名的名称，示范取一个叫 abc 的话，那就是 abc.jpg 反正取什么名称由你决定

width="100" 设置图宽为100  注释：这里默认为像素，如果后面加%为百分比，（比如 width="80%"）
height="50" 设置图高为50

举个例子，<img src="123.gif" width="200" height="120" alt="这是一张很漂亮的图片">

复制这段代码之前，首先你要保证有一张名称为123.gif的图片，如果没有的话那将会不显示的，具体名称是什么无关紧要，只要 src="123.gif" 和 123.gif图片 两个名称保持一致就可以，还要注意网页文件和图片文件保存在同一目录中（同一文件夹里）

这时你给图片设的宽度是200高度是120 也就是代码语句里的 width="200" height="120" 当你手指向该图片时，还会显示出简介文字，也就是代码语句里的 alt="这是一张很漂亮的图片"


5，如何制作插入背景声音

<bgsound src=""> 该段代码即为插入背景声音

示范：<bgsound src="http://21cn.idc361.com/aaa/1.mid">

注意：背景声音代码须加在头部<head>和</head>之间

同样道理，声音文件 和代码里的语句要保持一致，这里的地址是指向网络地址src="http://21cn.idc361.com/aaa/1.mid"
比如你想指向本机电脑中地址，代码应该改为 src="歌名.mp3" 

注意一下 src="歌名.mp3" 和 mp3歌曲 名称保持一致，还要注意网页文件和mp3文件保存在同一目录中（同一文件夹里）

学习到这里可以先休息一下，逐段一点一点去学习理解，很容易就记住了，先下课吧


《继续学习》

6，设置网页背景

 网页的背景，把原来的<body>替换成下面这样就是设置网页背景

<body bgcolor="#397904">   bgcolor=" " 背景颜色 颜色值为 #397904

<body background="abc.gif">  background=" " 背景图片 图片名为 abc.gif


示范：<body background="123.gif"> 背景为一张图片

示范：<body bgcolor="#9acd32"> 背景为自定义颜色

示范例子 编写代码如下：

......
</head>
<body bgcolor="#9acd32">
<p>内容......</p>
<p>内容......<br>内容......</p>
</body>
</html>



7，如何制作点击链接

<a href=" "></a> 这是一个链接的基本代码，从<a> 到 </a> 结束

 一个文字链接示范：

<a href="xxx.htm">单击这里可以到达指定页面</a>

网页文件后缀格式可以为 .htm 或者 .html 都是有效的

<a href="a.html" title="链接提示内容，这是我的相册啦">我的相册</a>

鼠标放在上面就显示title里的提示文字

<a href="b.htm" target="_blank">我的资料</a>

单击会弹出一个新窗口来打开指定页面 是由 target="_blank" 该代码起的作用

<a href="ccc.htm"><img src="xxx.gif"></a>

当然也是可以给图片加上链接，上面这句代码就是给 xxx.gif 图片做的链接

单击xxx图片 跳转到 ccc.html 网页上


示范例子 编写代码如下：
......
</head>
<body>
<p align="center"><a href="a.html" title="这是我的相册，是不是很漂亮啦">我的相册</a></p>
<p><a href="b.htm" target="_blank">我的资料</a></p>
<p><a href="ccc.htm"><img src="xxx.gif"></a></p>
</body>
</html>


第7节课后学习《上传网页建立站点》

如果你手中已经有一些是你制作好的网页文件了，这时你想发布到网站上想与朋友们大家一起分享你的杰作的时候，那么这时，你需要下载一个ftp上传软件  比如：cuteftp 

安装cuteftp 后，请结合cuteftp如何使用教程学习一下，并不复杂，一学就会

上传到web空间网站上要注意一点的是：网站默认首页文件名 index.html 或 default.html
根目录下你必须要有一页是这样的名称，否则当客人点开你的网址是会打不开的


《继续学习》

8，如何创建列表

下面的代码就是创建一个列表的代码

<ul>
  <li>1列</li>
  <li>2列</li>
  <li>N列</li>
</ul>

列表里内容自己任意添加，N列的意思是代表有很多很多，需要多少自己按照格式去加（复制粘贴）


9，如何制作表格

学习表格的重点： 表格及各属性设置

<table border=1 align=center cellpadding="0" cellspacing="0">
<tr>
<td width="100" height="30">表格里内容&nbsp;</td>
<td colspan="2" align="center">这里合并2列</td>
</tr>
<tr>
<td width="" height="">表格里内容&nbsp;</td>
<td align=center>这里2列没有合并</td>
<td align=center>这里2列没有合并</td>
</tr>
</table>

colspan=2 合并列  rowspan="5" 合并行

border=0 边框设置零，无边框 其他数字就是边框大小了

cellpadding 边距 cellspacing 边框

上面表格总共是2行3列，第1行里的第2列和第3列合并掉了

table 表格标示符
tr    行标示符
td    列标示符

注意，表格是重点，可以说任何网页中表格无处不在的

一个表格至少得有1行1列，如果连1行和1列都没有的话
你自己知道的，那还叫表格吗？？？

因此一个表格起码得具备以下内容： 

<table>
<tr>
<td></td>
</tr>
</table>

上面这个就是1行1列表格，其他什么都没设置，如果是只有<td>和<tr>，没有</td>和</tr>，那么代码是错误的，

解释：你总得要告诉电脑，这个表格到哪里结束，不然电脑会永远无休止的去寻找</td>和</tr>，这就是错的原因

 下面提供一个已经简单设计的表格风格样式，自己复制过去做成页面查看一下效果吧

<table border=0 align=center cellpadding="1" cellspacing="1" width="900" bgcolor="#dddddd">
<tr>
<td align=center bgcolor="#f8f8f8">一个经典表格样式</td>
</tr>
</table>

其他的风格样式，自己参照格式修改下颜色和边框等等属性，就能得到其他风格样式表格

下面是设置细边表格代码，解释：也就是表格的外边框和细，浏览效果比较好

<table align="center" bgcolor="#996633" border="0" cellPadding="0" cellSpacing="1" height="100" width="500"><tr>
<td bgcolor="#ffffff"></td>
</tr></table>

课后知识：表格的其他属性

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="30" align="center" bgcolor="#f0f8ff" valign="top"><span class="style">首页</span></td>
</tr>
</table>

注释： colspan=2 合并列  rowspan="5" 合并行  valign="top" 内容置顶


《继续学习》

10，设计滚动文字属性

<marquee>该文字滚动</marquee> 复制这句代码保存为网页时，页面上出现的文字就会滚动了

方向位移 direction=left , right , top , bottom

<marquee direction=left>向左滚动！</marquee>
<marquee direction=top>向上滚动！</marquee>

left 左 right 右 top 上 bottom 下

方式 behavior=scroll , slide , alternate

<marquee behavior=scroll>循环滚动！</marquee> 
<marquee behavior=slide>只滚动一次！</marquee> 
<marquee behavior=alternate>来回滚动</marquee>


11，插件

在页面中放入一个插件，可以播放视频或者音乐，下面是代码

<embed src=" " autostart="true" loop="-1" width="" height="">

src代表地址，输入地址即可（可以是网络地址，也可以是本机地址，也可以为音乐文件，或者影视文件，或者swf格式flash文件，都是可以的）

true 真 false 假 

为真时可以直接播放，为假时需要手动按下按钮才能播放

loop 为循环次数， 0 为不循环播放 -1 为无止境的循环 1为只播放一次

注释：在上面的例子代码中是 true 直接播放 -1 无止境的循环


12，嵌入一个内框架

<iframe src="xxx.htm" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling="yes" name="f1" width="" height=""></iframe>

scrolling="yes" 设置有滚动条，no 就是没有滚动条

name="f1" 该框架名称为f1 其他都是宽高，边框，位置等属性


 《深入学习》

 1）熟练掌握表格代码，因为网页的整体布局设计好不好，跟表格直接有关

 2）配合javascript代码应用，学会如何在网页上调用 javascript 动态效果

 3）html语言重点：表单input

因为表单涉及到动态网页，
所以在学习html语言中要先掌握好表单，
但是表单在html网页中又不能完全体现出效果，
通常表单都会经常出现在动态网页中

<form method="post" action="reg.htm">
这个就是一个表单，称做表单域
所有表单里的内容都要放在form之中
</form>

method=post 为提交方式 post 表单发送 get 地址栏发送
action="" 为提交路径，就是您要发送到哪里去的地址
如果为空就是发送到本页

<input name="n1" type="text" value="">

type="text" 一个文本型输入框 value="" 默认下值为空

name="xxx" 自己给文本框表单取个名称

<input name="n2" type="password">

type="password" 一个密码型输入框，经常看到以*号输入的就是密码型

<input type="submit" value="注册">

type=submit 这是一个提交按钮，你 经常注册就应该懂的

<textarea rows="5" name="n4" cols="20"></textarea>

这是一个多行文本框，用来显示比较多的文字内容

rows="5" 设为5行 cols="20" 设为20宽屏 具体多大合适，自己设置


下面是一个表单简单例子示范：

<table width=500 border="1">
<tr><td>
<form method="post" action="abc.html">
<p align=center>
请输入名称：<input name="n1" type="text" value=""><br>
请输入密码：<input name="n3" type="password" value=""><br>
简介内容：<textarea rows="5" name="content" cols="20"></textarea><br>
<input type="submit" value="提交"></p>
</form>
</td></tr>
</table>

然后再加上一个网页基本框架代码如下

<html>
<head>
<meta http-equiv="content-language" content="zh-cn">
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>表单示范</title>
</head>
<body>

<table width=500 border="1">
<tr><td>
<form method="post" action="abc.html">
<p align=center>
请输入名称：<input name="n1" type="text" value=""><br>
请输入密码：<input name="n3" type="password" value=""><br>
简介内容：<textarea rows="5" name="content" cols="20"></textarea><br>
<input type="submit" value="提交"></p>
</form>
</td></tr>
</table>

</body>
</html>

全段代码结束


=======================================================================

最基础入门知识到此结束。。。。。。

如果想深入学习：1靠你自己多做练习积累经验，2继续寻找教程学习 html网页相关知识

=======================================================================


以下收录了几段 JavaScript 语言的经典例子，可供参考也可直接复制使用

你可以复制过去，然后保存为网页，也许你会有点惊奇的发现，这就是制作网页的乐趣


 贺卡祝福网页示范


<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>贺卡祝福</title>
<script language=javascript>
var auname =location.search.split("=")[1];
 if(!auname){
  uname="无名氏";
}
 else{
  uname=unescape(auname);
}
 function check(obj){
 if (obj.stra.value.length==0) {
  alert('求你了，请输入一个名称呀'); 
  return false;
  }
 var url =location.pathname+"?stra="+escape(obj.stra.value);
  window.location.replace(url);
  return false;
}
</script>
</head>
<body background="自己找一张图片做背景">
<bgsound src="随便搞个音乐文件来放" loop="-1">
<table border="1" width="500" height="200" align="center">
<form action="" onsubmit="return check(this)">
<tr>
<td align="center"><img src="自己找一张图片吧">
<font color="#ff0000" size=5>祝：<script>document.write(uname)</script>
您快乐！</font><br>借此小小贺卡愿朋友 <script>document.write(uname)</script> 你生活如意，美满幸福！<br>人生忙忙碌碌，日子酸酸甜甜，<br>缘分简简单单，联系断断续续，<br>惦记时时刻刻，我的祝福长长久久！<br></td>
</tr>
<tr>
<td align="center">
<font color="#FF0000">输入名字</font><input type=text size=15 name="stra">
<input type=submit value="点此提交">
&nbsp;<font color="#FF0000">即可发送祝福</font></td>
</tr></form>
</table>
</body>
</html>



 玩笑按钮
<p><a href onmouseover="alert('^-^哈哈上当了，其实什么都没有！')">想听笑话吗</a></p>

查看源代码
<p align=center><form><input type="button" value=查看源代码 onClick= 'window.location = "view-source:" + window.location.href'></form></p>

 互动文字
<input type=text name=ee><input type=button value="写入互动文字" onclick="Info.innerHTML=ee.value"><p><br><center><span id=Info style=filter:glow(color=orange);width:100%;font-size:25pt></span></p>

 设为首页
<a href="#" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://');">设为首页</a>

<a href="javascript:window.external.AddFavorite('http://', '收藏')">添加收藏</a>

 把当前浏览页加入收藏
<a href="javascript:window.external.AddFavorite(location.href,document.title)">加入收藏</a>

<body onselectstart="event.returnValue=false">
 这是锁左键，无法复制

<body oncontextmenu="self.event.returnValue=false">
 这是锁右键

 停留时间
 *　停留<input type=text name=time10 size=4 class=input><script>function newtiim(){time10.value++;}setInterval('newtiim()','1000')</script>


<script type="text/javascript">
//显示当前时间
function tick(){
   var date=new Date()
   window.setTimeout("tick()",1000);
   document.getElementById('clock').innerHTML=date.toLocaleString();
}
window.onload=function(){
  tick();
  var base=new Date();
  var time=base.getTime()+10*60*1000;
  var date=new Date(time);
  document.getElementById('h').value=date.getHours();
  document.getElementById('m').value=date.getMinutes();
  var overSetClock=new Array();
  for(var i=1; i<=3; i++){
	var reg=null;
  }
}
</script>
<p align=center>当前时间：<font id="clock" face="Arial" color="#397904" size="3" align="center">2010年01月01日 00时00分00秒</font></p>


<script language="javascript">
// 日期代码
 today=new Date(); 
 function initArray(){ 
   this.length=initArray.arguments.length 
   for(var i=0;i<this.length;i++) 
   this[i+1]=initArray.arguments[i]  } 
   var d=new initArray( 
     "星期日", 
     "星期一", 
     "星期二", 
     "星期三", 
     "星期四", 
     "星期五", 
     "星期六"); 
document.write( 
     "<font color=#6977bb style='font-size:9pt;font-family: 宋体'> ", 
     today.getYear(),"年", 
     today.getMonth()+1,"月", 
     today.getDate(),"日", 
     d[today.getDay()+1], 
     "</font>" );  
</script>


<p align=center><script language="JavaScript">
 var mess1="";
 var mess2= ""
document.write("<font color='#564e3d' size='2'>")
day = new Date( )
hr = day.getHours( )
if (( hr >= 0 ) && (hr <= 4 ))
  mess1= "晚上好!有你的支持.才有我的学习愿望"
if (( hr >= 4 ) && (hr < 7))
  mess1="清晨好!有你的流量.才有我的更好发展"
if (( hr >= 7 ) && (hr < 12))
  mess1="上午好!有你的访问.才有我的学习动力"
if (( hr >= 12) && (hr <= 17))
  mess1= "下午好!有你的支持.才有我的发展动力"
if ((hr >= 17) && (hr <= 23))mess1= "晚上好!有你的参与.才有我的学习乐趣"
document.write("<blink>")
document.write(mess1)
document.write("</blink>")
document.write(mess2)
document.write("</font>")
</script></p>



<html>
<head>
<title>性格测试</title>
<script language=JavaScript>
function myform(form) {
 var a,b,c,sum; //注释，定义变量
 sum=a=b=c=0;   //注释，变量赋初值为0
if (form.a1[0].checked==1) a=1;   //注释，判断用户选择
if (form.b1[0].checked==1) b=1;
if (form.c1[2].checked==1) c=1;
 sum=a+b+c;   //注释，得到累加值
if (sum==0) sum="非常差劲";
if (sum==1) sum="差强人意";
if (sum==2) sum="大众性格";
if (sum==3) sum="满分";
 form.disp.value="恭喜！你选的结果为"+sum;
}
</script>
<head>
<body>
<table border=1 width="700" align=center>
<form name=see>   
 <tr>   
<td><center><font color=red>1、你发现你的上司不良行为时你会：</font></center>
<br><input type="radio" name="a1">告诉他详细内容
<br><input type="radio" name="a1">不透露蛛丝马迹
<br><input type="radio" name="a1">粗略描述，淡化内容的重要性
</td>   
 </tr>   
 <tr>   
<td><center><font color=red>2、你会经常向别人说抱歉吗：</font></center>
<br><input type="radio" name="b1">经常性会的
<br><input type="radio" name="b1">偶尔说一下
<br><input type="radio" name="b1">从来都没有过
</td> 
 </tr>   
 <tr>   
<td><center><font color=red>3、与人争论时，你总爱争赢吗：</font></center>
<br><input type="radio" name="c1">拒理力争
<br><input type="radio" name="c1">总是忍让对方
<br><input type="radio" name="c1">个人脾气不好说  
</td>   
 </tr>
 <tr>   
<td align=center><input onclick=myform(this.form) type=button value="看结果">
<input name="disp" size=50></td>   
 </tr>
</form>
</table>
</body>
</html>



<noscript> //禁止保存页面
<iframe src=*.htm;*.html;*.txt;*.asp;*.cgi;*.php></iframe>
</noscript>

<body onselectstart="event.returnValue=false"> <!-- 禁止复制 -->

<body oncontextmenu="return false" onselectstart="return false" oncopy="return false">

//禁止鼠标右键
<script language=JavaScript>
 if (window.Event)document.captureEvents(Event.MOUSEUP);
function nocontextmenu(){
 event.cancelBubble = true;
 event.returnValue = false;
 return false;}
 function norightclick(e){
 if (window.Event){
 if (e.which == 2 || e.which == 3)return false;
 }
 else
 if (event.button == 2 || event.button == 3){
 event.cancelBubble = true;
 event.returnValue = false;
 return false;}
}
document.oncontextmenu = nocontextmenu; // for IE5+
document.onmousedown = norightclick; // for all others
</script>



