思想碎片
Would you like to react to this message? Create an account in a few clicks or log in to continue.

网页基本代码知识 网页基本代码知识

向下

网页基本代码知识  网页基本代码知识   Empty 网页基本代码知识 网页基本代码知识

帖子  Admin 周日 一月 08, 2012 7:31 pm

网页基本代码知识

2010-10-10 07:32:11| 分类: 博客代码 |字号 订阅
本文引用自平安如意《网页基本代码知识》
网页基本代码知识

1、文字加粗 倾斜的代码:
◆文字加粗的代码是: <b>你好</b> ◆文字倾斜的代码是: <i>你好!</i> ◆底线字:<u></u>
2、文字链接代码:
如果您想点击某处文字会连接到另外一个网页的效果,这是超链接,代码是这样:
<a href="网站地址";>101在线</a>如果要点了这个文字以后重新打开一个窗口的话,代码是:<a href="网站地址";; target="_blank">101在线</a>

3、在网站上放图片的代码:

如果你看到一个好看的图片想放到网站上,代码是这样的:
<img src="http://www.163.com/wwwimages/n/163logo.gif"; width="150" height="100">
后面的数字调节图片的尺寸大小。

4、图片链接代码:
如果要点一下图片就能打开一个网站的链接代码是这样的:
<ahref="http://www.163.com";><img src="http://www.163.com/wwwimages/n/163logo.gif";width="150" height="100"></a>
如果要点一下图片就能打开一个网站的链接,并且重新打开一个窗口,代码是这样的:<a href="http://www.163.com";; target="_blank"><img src="http://www.163.com/wwwimages/n/163logo.gif"; width="150" height="100"></a>上面的数字都能调节图片

5、换行代码:



如果你想换行,直接用Enter键是不行的,需要在您想换行的位置输入<br>,这样就会分成两行显示 ,整个网站看起来也不会是一大片了,而是段落分明。

6、文字移动的代码是:<marquee>这里写文字</marquee>

7、移动图片的代码:
<marquee><img src="http://games.tom.com/images/2002/gamemm/0604/s/36.jpg";><img src="http://games.tom.com/images/2002/gamemm/0604/s/13.jpg";><img src="http://games.tom.com/images/2002/gamemm/0604/s/30.jpg";><marquee>
把里面的图片地址换成你的就行 想多放一个图片就按照格式在中间插入:
<img src="http://games.tom.com/images/2002/gamemm/0604/s/13.jpg";>
里面的图片地址自己定。

8、背景音乐的代码:
如果想在你的网站上放上一段好听的背景音乐,代码是: <bgsound src="http://***xx.com/***.mid";loop=10><bgsound src="http://www.midifan.com/midi/music.asp?id=3073";loop=30> 里面的背景音乐地址你能自己替换。前面的是音乐地址,一般都以mid或者mp3的形式结尾 后面的数字是播放次数。http://www.midifan.com/midi/
这个网站都有好的背景音乐。

9在网站中插入一个flash动画的代码是:
<embed width=200 height=200
src="http://flash.shangdu.com/view/2/fff.swf";> 里面的动画地址换成你的.动画地址都要以swf的形式结尾。这点需要注意。

10、打开网站时候出现的欢迎词代码:

<body onLoad= alert("你好,欢迎访问本网站!")>

11、关闭网站的时候出现的话的代码:

<body onUnload="window.alert('谢谢您的光临,诚邀加盟下线联盟.请记住本站域名:http://www.yj888.net 站长信箱:****@yahoo.com.cn 欢迎咨询')">

12、打开网站的时候自己做一个弹出窗口的广告的代码:

<script language="javascript"> var TimerID=1;
window.open('http://163.com','','width=600,height=300,left=100,top=50');</script>
里面的 http://163.com 这个是你预先做好的一个网页,后面的数字是调节大小和位置的,你自己多试验几次。

简单的html代码知识

HTML代码
说明或效果

<p>一段文字</p>
段落

<br>
换行

<bgcolor="#00FF00">
背景颜色(#00FF00为绿色)

<text="#0000FF">
字体颜色(#0000FF为蓝色)

<p align="left">文字</p>
文字左对齐

<p align="center">文字</p>
文字居中

<p align="right">文字</p>
文字右对齐

<font size="5">文字</font>
文字大小

<font color="#FF0000">文字</font>
文字颜色(#FF0000为红色)

<b>加粗</b>
加粗

<i>斜体</i>
斜体

<u>加下划线</u>
加下划线

<s>加删除线</s>
加删除线

精小而常用的网页代码


1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键





以下内容为程序代码:
<SCRIPT defer id=ad_text_pcjob src="' target=_blank<http://www.pconline.com.cn/script/ad_text_pcjob.js"><script>






  <table border oncontextmenu=return(false)><td>no</table> 可用于Table

  2. <body onselectstart="return false"> 取消选取、防止复制

  3. onpaste="return false" 不准粘贴

  4. oncopy="return false;" oncut="return false;" 防止复制

  5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标

  6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

  如何制作将本站设为首页

  你可能已经注意到,现在许多网站的首页上都有这么一个链接"按这里将本站设为首页"(这里的首页指的是浏览器的起始页)。  不但大的ISP,ICP这么做,一些个人主页也推出这一"服务"以招揽网友,具体是如何实现这个功能的呢?我来帮你剖析一下:  点击那个超链接会显示下载一个名为lspace.reg的文件,下载后双击它,便会修改你的注册表,然后当你再打开浏览器的时候,起始页就发生了变化。(一听到修改注册表,许多网友就比较"怵",会不会把windows给弄坏了。)   别怕,我们来打开lspace.reg看看(用最普通的notepad记事本就可以打开),发现内容如下:





REGEDIT4
[HKEY_CURRENT_USER\\Software\\Microsoft\\Internet Explorer\\Main]
"Start Page" = "http://www.aygame.com/";
[HKEY_CURRENT_USER\\Software\\Netscape\\Netscape Navigator\\Main]"Home Page" = "http://www.aygame.com/";







  原来就两条,第一条设置IE的star page;第二条设置NC的home page(没什么花头噢:)。后面跟的URL就是你主页的网址!

  7. <input style="ime-modeisabled"> 关闭输入法

  8. 永远都会带着框架  <script language="****"><!--
  if (window == top)top.location.href = "frames.htm"; http://frames.htm为框架网页
  // --></script>  



 9. 防止被人frame  <SCRIPT LANGUAGE=****><!--
  if (top.location != self.location)top.location=self.location;
  // --></SCRIPT>

  10. <noscript><iframe src=*.html></iframe></noscript> 网页将不能被另存为

  11. <input type=button value=查看网页源代码
  onclick="window.location = \'view-source:\'+ \'" target=_blank __designer:dtid="11794787648667917">http://www.csdn.net/\'">http://www.csdn.net/\'">

  12. 怎样通过asp的手段来检查来访者是否用了代理   <% if Request.ServerVariables("HTTP_X_FORWARDED_FOR")<>"" then
  response.write "<font color=#FF0000>您通过了代理服务器,"& _
  "真实的IP为"&Request.ServerVariables("HTTP_X_FORWARDED_FOR")
  end if
  %>

  13. 取得控件的绝对位置

  //****
  <script language="****">
  function getIE(e){
  var t=e.offsetTop;
  var l=e.offsetLeft;
  while(e=e.offsetParent){
  t+=e.offsetTop;
  l+=e.offsetLeft;
  }
  alert("top="+t+"\\nleft="+l);
  }
  </script>

  //VBScript
  <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>
14. 光标是停在文本框文字的最后
  <script language="****">
  function cc()
  {
  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()">

  15. 判断上一页的来源
  asp:
  request.servervariables("HTTP_REFERER")

  ****:
  document.referrer

  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>

  <input type=button value=最小化 onclick=hh1.Click()>
  <input type=button value=最大化 onclick=hh2.Click()>
  <input type=button value=关闭 onclick=hh3.Click()>  本例适用于IE

  17.   <%
  \'定义数据库连接的一些常量
  Const adOpenForwardOnly = 0 \'游标只向前浏览记录,不支持分页、Recordset、BookMark
  Const adOpenKeyset = 1 \'键集游标,其他用户对记录说做的修改将反映到记录集中,但其他用户增加或删除记录不会反映到记录集中。支持分页、Recordset、BookMark Const adOpenDynamic = 2 \'动态游标功能最强,但耗资源也最多。用户对记录说做的修改,增加或删除记录都将反映到记录集中。支持全功能浏览(ACCESS不支持)。  Const adOpenStatic = 3 \'静态游标,只是数据的一个快照,用户对记录说做的修改,增加或删除记录都不会反映到记录集中。支持向前或向后移动  Const adLockReadOnly = 1 \'锁定类型,默认的,只读,不能作任何修改
  Const adLockPessimistic = 2 \'当编辑时立即锁定记录,最安全的方式
  Const adLockOptimistic = 3 \'只有在调用update方法时才锁定记录集,而在此前的其他操作仍可对当前记录进行更改、插入和删除等  Const adLockBatchOptimistic = 4 \'当编辑时记录不会被锁定,而更改、插入和删除是在批处理方式下完成的

  Const adCmdText = &H0001
  Const adCmdTable = &H0002
  %>

  18. 网页不会被缓存  HTM网页  <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">   ASP网页  Response.Expires = -1
  Response.ExpiresAbsolute = Now() - 1
  Response.cachecontrol = "no-cache"  PHP网页
  header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
  header("Cache-Control: no-cache, must-revalidate");
  header("Pragma: no-cache");


  19. 检查一段字符串是否全由数字组成  <script language="****"><!--
  function checkNum(str){return str.match(/\\D/)==null}
  alert(checkNum("1232142141"))
  alert(checkNum("123214214a1"))
  // --></script> 20. 获得一个窗口的大小  document.body.clientWidth,document.body.clientHeight
  document.body.offsetWidth,document.body.offsetHeight
  有时还需要知道window.screenTop,window.screenLeft

  21. 怎么判断是否是字符  if (/[^\\x00-\\xff]/g.test(s)) alert("含有汉字");
  else alert("全是字符");

  22.TEXTAREA自适应文字行数的多少  <textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
  </textarea>

  23. 日期减去天数等于第二个日期  <script language=****>
  function cc(dd,dadd)
  {
  //可以加上错误处理
  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>

  24. 选择了哪一个Radio  <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>

  25.获得本页url的request.servervariables("")集合  Response.Write "<TABLE border=1><!-- Table Header --><TR><TD><B>Variables</B></TD><TD><B>value</B></TD></TR>"
  for each ob in Request.ServerVariables
  Response.Write "<TR><TD>"&ob&"</TD><TD>"&Request.ServerVariables(ob)&"</TD></TR>"
  next
  Response.Write "</TABLE>"

  26.  本机ip<%=request.servervariables("remote_addr")%>
  服务器名<%=Request.ServerVariables("SERVER_NAME")%>
  服务器IP<%=Request.ServerVariables("LOCAL_ADDR")%>
  服务器端口<%=Request.ServerVariables("SERVER_PORT")%>
  服务器时间<%=now%>
  IIS版本<%=Request.ServerVariables"SERVER_SOFTWARE")%>
  脚本超时时间<%=Server.ScriptTimeout%>
  本文件路径<%=server.mappath(Request.ServerVariables("SCRIPT_NAME"))%>
  服务器CPU数量<%=Request.ServerVariables("NUMBER_OF_PROCESSORS")%>
  服务器解译引擎<%=ScriptEngine & "/"& ScriptEngineMajorVersion &"."&ScriptEngineMinorVersion&"."& ScriptEngineBuildVersion %>
  服务器操作系统<%=Request.ServerVariables("OS")%>

  27.ENTER键可以让光标移到下一个输入框  <input onkeydown="if(event.keyCode==13)event.keyCode=9">

  28. 检测某个网站的链接速度:  把如下代码加入<body>区域中:
  <script language=****>
  tim=1
  setInterval("tim++",100)
  b=1

  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]=http://www.cctv.com/ 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 name=url"+i+" size=40> =》<input type=button value=GO onclick=window.open(this.form.url"+i+".value)><br/>")
  document.write("<input type=submit value=刷新></form>")
  }
  butt()
  function auto(url){
  document.forms[0]["url"+b].value=url
  if(tim>200)
  {document.forms[0]["txt"+b].value="链接超时"}
  else
  {document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}
  b++
  }
  function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl[I[1]+"/"+Math.random()+" width=1 height=1 onerror=auto(\'")/" target=_blank __designer:dtid="11794787648667712">http://";;;;;+autourl[I[1]+"\')>")}
  run()</script>

  29. 各种样式的光标  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

  30.本地无缓存,每次自动刷新  response.expires=0
  response.addHeader "pragma" , "no-cache"
  response.addHeader "cache-control" , "private"

  31.修改contentType并下载gif等格式  <%
  function dl(f,n)
  on error resume next

  set s=createObject("Adodb.Stream")
  S.Mode=3
  S.Type=1
  S.Open
  s.LoadFromFile(server.mappath(f))
  if err.number>0 then
  response.write err.number & ":" & err.description
  else
  response.contentType="application/x-gzip"
  response.addheader "Content-Disposition:","attachment; filename=" & n
  response.binarywrite(s.Read(s.size))
  end if
  end function

  call dl("012922501.gif","t1.gif")
  %>

  32. 检查一段字符串是否全由数字组成  <script language="****"><!--
  function checkNum(str){return !/\\D/.test(str)}
  alert(checkNum("1232142141"))
  alert(checkNum("123214214a1"))
  // --></script>
添加百度搜索

<!--百度搜索-->
<div align=center><iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"
framespacing="0" frameborder="0" scrolling="no" width="200" height="30"
src=http://unstat.baidu.com/bdun.bsc?tn=dabaoku&cv=1&cid=31577&csid=102&rkcs=2&bgcr=EDEDEB&ftcr=FF0000&rk=1&bd=1&bdas=0>
</iframe></div>
网页常用代码

分类:网页知识

1.搜索查询代码google:

<!--google-->
<div align=center><FORM method=GET action=http://www.google.com/search target=_blank>
<input type=hidden name=ie value=GB2312>
<input type=hidden name=oe value=GB2312>
<INPUT TYPE="hidden" NAME="hl" VALUE="zh-CN">
<A HREF=http://www.google.com/ target=_blank>
<IMG SRC=http://www.google.com/logos/Logo_40wht.gif border="0" ALT="Google" height="20px"></A><INPUT TYPE=text name=q size=12 maxlength=255

2.

<!--百度搜索-->
<div align=center><iframe id="baiduframe" border="0" vspace="0" hspace="0" marginwidth="0" marginheight="0"
framespacing="0" frameborder="0" scrolling="no" width="200" height="30"
src=http://unstat.baidu.com/bdun.bsc?tn=dabaoku&cv=1&cid=31577&csid=102&rkcs=2&bgcr=EDEDEB&ftcr=FF0000&rk=1&bd=1&bdas=0>
</iframe></div>
3.IP地址查询
<form name=frmIp1 action="" method=post onsubmit="deal1(this);return false"><input type=text name=txtIp value="请输入ip地址"><input type=submit name=submit1 value="查询"></form><script>function deal1(obj){window.open("http://www.it315.org/ip/ip_area1.asp?ip="+ obj.txtIp.value,"_blank","top=0,left=0,width=300,height=150,toolbar=no");}</script>
4.邮相快速登陆
<DIV class=mysever align=center>
<UL>
<LI><A href="http://www.baidu.com/life/#phone"><IMG src=http://myok.blogchina.com/inc/b1.gif width=85 border=0></A></LI>
<LI><A href="http://www.baidu.com/life/#cellphone"><IMG src=http://myok.blogchina.com/inc/b8.gif width=85 border=0></A></LI>
<LI><A href="http://www.baidu.com/life/#traffic"><IMG src=http://myok.blogchina.com/inc/b2.gif width=85 border=0></A></LI>
<LI><A href="http://trip.sina.com.cn/"><IMG src=http://myok.blogchina.com/inc/b9.gif width=85 border=0></A></LI>
<LI><A href="http://www.baidu.com/life/"><IMG src=http://myok.blogchina.com/inc/b3.gif width=85 border=0></A></LI>
<LI><A href="http://eat.sina.com.cn/"><IMG src=http://myok.blogchina.com/inc/b10.gif width=85 border=0></A></LI>
<LI><A href="http://www.baidu.com/life/#train"><IMG src=http://myok.blogchina.com/inc/b4.gif width=85 border=0></A></LI>
<LI><A href="Http://www.hao123.com/netbuy.htm"><IMG src=http://myok.blogchina.com/inc/b11.gif width=85 border=0></A></LI>
<LI><A href="http://www.hao123.com/bankjt.htm"><IMG src=http://myok.blogchina.com/inc/b5.gif width=85 border=0></A></LI>
<LI><A href="http://www.hao123.com/netbuy.htm"><IMG src=http://myok.blogchina.com/inc/b12.gif width=85 border=0></A></LI>
<LI><A href="http://www.baidu.com/life/#plane"><IMG src=http://myok.blogchina.com/inc/b6.gif width=85 border=0></A></LI>
<LI><A href="http://www.hao123.com/fcys.htm"><IMG src=http://myok.blogchina.com/inc/b13.gif width=85 border=0></A></LI>
<LI><A href="http://www.hao123.com/ylbj.htm"><IMG src=http://myok.blogchina.com/inc/b7.gif width=85 border=0></A></LI>
<LI><A href="http://www.hao123.com/xing.htm"><IMG src=http://myok.blogchina.com/inc/b14.gif width=85 border=0></A></LI></UL></DIV>
5.天气查询代码
天气查询代码 (1)
<script language="javascript" src="</SCRIPT'>http://extern.t7online.com/javascript/teaser_cncn.js"></script</A>>
天气查询代码 (2)
<IFRAME src="http://appnews.qq.com/cgi-bin/news_qq_search?city=桂林" frameBorder=0 width=200 scrolling=no height=237></IFRAME>
注:把桂林改成你想要的地方
天气查询代码 (3)
<SCRIPT>
function getcookie(name) {
var my_cookie = document

Admin
Admin

帖子数 : 147
注册日期 : 12-01-05

http://sxsp.999luntan.com

返回页首 向下

返回页首


 
您在这个论坛的权限:
不能在这个论坛回复主题