网页编辑常用代码

合集下载

常用HTML网页代码大全

常用HTML网页代码大全
height:115px;z-index:1">
<iframe height=100% width=100%></iframe>
</div>
13。返回上一页
<a href=javascript :history.back(1)>『返回上一页』</a>
14。关闭窗口
9。网页自动关闭
<html>
<head>
<object id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<param name="Command" value="Close">
var sWord ="";
while(sWord!="login"){sWord=prompt("请输入你的登陆密码");}
alert("登陆成功!");
}
loopy()
//-->
</script>
5。拉动页面时背景图不动
<style>
1)贴图:&lt;img src=&quot;图片地址&quot;&gt;
2)加入连接:&lt;a href=&quot;所要连接的相关地址&quot;&gt;写上你想写的字&lt;/a&gt;

dreamweaver制作网页常用代码

dreamweaver制作网页常用代码

meta是用来在HTML文档中模拟HTTP协议的响应头报文。

meta 标签用于网页的<head>与</head>中,meta 标签的用处很多。

meta 的属性有两种:name和http-equiv。

name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。

这其中最重要的是description(站点在搜索引擎上的描述)和keywords(分类关键词),所以应该给每页加一个meta值。

比较常用的有以下几个:name 属性<meta name="Generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等;<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词;<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容;<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者;<meta name="Robots"contect="all|none|index|noindex|follow|nofollow">其中的属性说明如下:设定为all:文件将被检索,且页面上的链接可以被查询;设定为none:文件将不被检索,且页面上的链接不可以被查询;设定为index:文件将被检索;设定为follow:页面上的链接可以被查询;设定为noindex:文件将不被检索,但页面上的链接可以被查询;设定为nofollow:文件将不被检索,页面上的链接可以被查询。

网页设计中最常用HTML代码

网页设计中最常用HTML代码

h6 为最小字 ;数字愈大字也愈大一、文字1. 标题文字 <h#> ........ </h#> #=1~6;h1 为最大字, 2. 字体变化 <font> ........ </font>【 1】字体大小 <font size=#> ....... </font> #=1~7【 2】指定字型 <font face=" 字体名称 "> ........... </font>【 3】文字颜色 <font color=#rrggbb> ....... </font> rr:表红色( red )色码 gg:表绿色( green )色码 bb:表蓝色( blue )色码 rrggbb也可用 6 位颜色代码数字 3. 显示小字体 <small> ......... </small>4. 显示大字体 <big> ........ </big>5. 粗体字 <b> ...... </b>6. 斜体字 <i> ....... </i>7. 打字机字体 <tt> ........ </tt>8. 底线 <u> ........ </u>9. 删除线 <strike> ....... </strike>10. 下标字 <sub> ....... </sub>11. 上标字 <sup> ....... </sup>12. 文字闪烁效果 <blink> ....... </blink>13. 换行(也称回车) <br>14. 分段 <p>15. 文字的对齐方向<p align="#"> # 号可为left :表向左对齐(预设值)center :表向中对齐right :表向右对齐.<p align="#"> 之后的文字都会以所设的对齐方式显示,直到出现另一个<p align="#"> 改变其对齐方向,遇到<hr> 或<h#>标签时会自动设回预设的向左对齐。

网页编辑常用代码

网页编辑常用代码

1)贴图:<img src="图片地址">2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a>3)在新窗口打开连接:<a href="相关地址"target="_blank">写上要写的字< /a>4)移动字体(走马灯):<marquee>写上你想写的字</marquee>(可用于店铺分类,和评价)5)字体加粗:<b>写上你想写的字</b>6)字体斜体:<i>写上你想写的字</i>7)字体下划线:<u>写上你想写的字</u>8)字体删除线:<s>写上你想写的字</s>9)字体加大:<big>写上你想写的字</big>10)字体控制大小:<h1>写上你想写的字</h1>(其中字体大小可从h1-h5,h1最大,h5最小)(其中字体大小可从h1-h5,h1最大,h5最小)11)更改字体颜色:<font color="#value">写上你想写的字</font>(其中value 值在000000与ffffff(16位进制)之间12)消除连接的下划线:<a href="相关地址"style="text-decoration:none">写上你想写的字</a>13)贴音乐:<embed src="音乐地址"width="宽度"height="高度"autostart=false>14)贴flash:<embed src="flash地址"width="宽度"height="高度">15)贴影视文件:<img dynsrc="文件地址"width="宽度"height="高度" start=mouseover>16)换行:<br>17)段落:<p>段落</p>18)原始文字样式:<pre>正文</pre>19)换帖子背景:<body background="背景图片地址">20)固定帖子背景不随滚动条滚动:<body background="背景图片地址"body bgproperties=fixed>21)定制帖子背景颜色:<body bgcolor="#value">(value值见10)22)帖子背景音乐:<bgsound="背景音乐地址"loop=infinite>(听到音乐了吗?也可以加在你的店铺公告里)23)贴网页:<iframe src="相关地址"width="宽度"height="高度"></iframe>24)店铺音乐代码:音乐网址"loop="-1">25)图片制作代码:<img src="这里放图片地址">26)公告图片代码:<img border="0"src="这里放图片地址"/>或<img src="这里放图片地址"/>27)悬浮挂饰代码:<img src="这里放图片地址"style="left:20px;position: relative;top:0px"/>28)商品分类代码:<img src="这里放图片地址"/>29)字体大小代码:<font size="2">这里放要处理的文字,可用3、4、5等设置大小</font>30)字体颜色代码:<font color="red">这里放要处理的文字,可以换成blue,yellow等</font>31)文字链接代码:<a href="网页地址">链接的文字,在分类栏里用时链接的网页地址必须缩短</a>32)移动文字代码:<marquee>从右到左移动的文字</marquee>33)背景音乐代码:<bgsound loop="-1"src="这里放音乐地址"></bgsound>34)图片附加音乐代码:<img border=0src="这里放图片地址"dynsrc="这里放音乐地址">35)浮动图片代码:<img alt="1"height="150"src="这里放图片地址"/>36)移动字体(走马灯):<marquee>写上你想写的字</marquee>37)图片从下向上移动的代码:<marquee direction=up><img src=图片地址width="100"height="50"</img></marquee>38)图片从左向右移动的代码:<marquee direction=right><img src=图片地址width="100"height="50"</img></marquee>39)图片从右向左移动的代码:<marquee direction=left><img src=图片地址width="100"height="50"</img></marquee>40)[HR]直线41)[quote]引用[/quote]42)[code]框选[/code][quote][code]这种比较集中,内容居中43)[HIDE][/HIDE]隐藏44)表格大小:[table=50%]45)视频大小:[media=x,800,480]论坛大小:700淘宝大小:600网站一般:500一.如何贴图代码:<img src="/lady/0301/27/mei1.jpg">在"..."之间的东西就是图的地址(存放的地方),在网页中看到好看的图片就用鼠标的右键(不是左键)点图,出现个表单,点最下面的属性(用左键)这时就能看到图的路径了。

40种网站设计常用网页代码

40种网站设计常用网页代码
}
cc("12/23/2002",2)
</script>
33. 选择了哪一个Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>
32. 日期减去天数等于第二个日期
<script language=Javascript>
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script>
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT><!--
if (top.location != self.location)top.location=self.location;
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table

网页设计常用HTML代码

网页设计常用HTML代码

网页设计常用HTML代码在今天的互联网时代,网页设计非常重要,因为它是我们如何展示自己、品牌或产品的重要途径之一。

HTML (超文本标记语言) 是构建网站的基本语言,它通常用于创建文本、图像、音频和视频等元素,以及定义网页的框架和格式。

在本文中,我们将讨论一些网页设计中常用的HTML代码。

1. 标题标签标题标签用于定义网页的标题,在HTML 中有六个级别的标题(h1-h6)。

通常,使用h1 标签来表示最重要的标题,其余的标题级别按其重要性递减。

将标题标签用于网页设计不仅可以提高页面的可读性和搜索引擎优化(SEO),而且可以快速引起读者的注意。

2. 段落标签段落标签(p)用于定义文本的段落,它是网页设计中的常用标签之一。

段落标签使文本易于阅读,并使其更具可读性。

在使用段落标签时,建议将文章分成短段落,以便读者更容易地消化内容。

3. 图像标签图像标签是用于在网页上显示图片的标签,它使网页设计更加生动有趣。

通过使用图像标签,可以向访问页面的用户展示产品、品牌或其他信息。

图像标签通常使用src 属性来定义图片源文件的URL 地址。

4. 超链接标签超链接标签(a)用于定义文本或图像的链接。

这使得用户可以在不离开页面的情况下访问其他页面或站点。

超链接标签可以用href 属性来设置链接地址。

5. 列表标签HTML 中有两种类型的列表标签:有序列表(ol) 和无序列表(ul)。

有序列表使用数字或字母来标记每个列表项,而无序列表使用符号来表示每个列表项。

列表标签可以使网页设计更加可读,并帮助网页访问者快速浏览内容。

6. 表格标签表格标签用于在网页上显示数据、信息或图像。

表格标签最常用于创建网页中的布局和排版。

使用表格标签可以使网页更加组织化和易于阅读,也有助于提高用户体验。

7. 表单标签表单标签用于创建网站上的表单,如登录、注册、订阅和反馈等。

表单标签通常使用input 标签来向用户收集信息。

常用的input 标签包括文本框、密码框、单选框、复选框和上传文件等。

常用的网页特效代码

常用的网页特效代码

常用的网页特效代码1.文本向上循环滚动说明:文本自动向上循环滚动,鼠标放到上面还会暂时停下来。

果:代码:2.页面自动滚屏效果<body onLoad="scrollit()"><SCRIPT language="JavaScript"><!--function scrollit(){for (I=1; I<=500; I++){self.scroll(1,I)}}//--></SCRIPT>3.滚动的文字说明说明鼠标放到链接上就会出现一个说明框,里面有滚动的文字说明效果把鼠标放上来试试代码4.飘动的字符跟随鼠标说明在鼠标后面跟着一串飘动的字符效果看看就知道啦!Array代码5.一群小点跟随鼠标说明跟随鼠标的一群小点,就象星星一样效果看看就知道啦!代码6.接触链接自动打开窗口说明鼠标放到链接上,就立刻弹出警告框效果试试Array代码7.数字时钟说明数字化的时钟效果 现在时刻:12:07:54代码8.显示停留的时间说明 显示他人在页面停留的时间,而且可以作出提醒效果代码 9.有影子的数字时钟说明 这个时钟是有影子的,而且还在不停地走着呢效果12:09:3612:09:36代码10.打字效果说明:文字在状态栏上从左往右一个一个地显示,就象你打出的字一样效果:看看状态栏!Array代码:11.文字不停闪烁说明:一段文字在状态栏上不停跳动显示,可以作为提示信息效果:看看状态栏!代码:12.图象大小自动变化说明:把一张图片变形扭曲成各种不同的长宽,非常好玩效果:代码:13.漫天飞雪说明:漫天飞雪效果:看到了吗?代码:14.自由移动的图片(一)说明:自由移动的图片效果:看到了吗?Array代码:再把<body>改为:说明:图片在页面内随意飘动,遇到边界还会反弹。

效果: 看到了吗?代码:16.状态栏里的动态欢迎语说明 浏览器的状态栏里出现一个字接一个字往左跑的欢迎语!效果 看看状态栏:)代码17.背景色变换按钮:18.去掉超链接的下划线说明有时候看着那超链接的下划线挺讨厌的,把下面这段代码放到网页源代码<head>与</head>之间,下划线就无影无踪啦!注意,网页的<body>标签里不能再有link之类的属性,否则本效果会失效!效果试试就知道啦!代码19.给页面加保护说明如果你不想让辛辛苦苦做出来的东西被人轻易地Copy&Paste走的话,不妨在HTML里加入下面这段代码。

40个网页常用小代码

40个网页常用小代码
40 个网页常用小代码
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <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"> 可以在收藏夹中显示出你的图标 7. <input style="ime-mode:disabled"> 关闭输入法 8. 永远都会带着框架 <script language="JavaScript"><!-if (window == top)top.location.href = "frames.htm"; //frames.htm 为框架网页 // --></script> 9. 防止被人 frame <SCRIPT LANGUAGE=JAVASCRIPT><!-if (top.location != self.location)top.location=self.location; // --></SCRIPT> 10. 网页将不能被另存为 <noscript><iframe src=*.html></iframe></noscript>

网页编写代码大全总结

网页编写代码大全总结

[网页设计] 网页基本标签代码大全1.公司版权注释<!— The site is designed by Maketown,Inc 06/2000 —>2.网页显示字符集简体中文:<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html;charset=gb2312″>繁体中文:<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html; charset=BIG5″>英语:<META HTTP-EQUIV=”Content-Type” CONTENT=”text/html;charset=iso-8859-1″>3.网页制作者信息<METAname=”author”content=”**********************”>4.网站简介<META NAME=”DESCRIPTION” CONTENT=”xxxxxxxxxxxxxxxxxxxxxxxxxx”>5.搜索关键字<META NAME=”keywords” CONTENT=”xxxx,xxxx,xxx,xxxxx,xxxx,”>6.网页的css规范<LINK href=”style/style.css” rel=”stylesheet” type=”text/css”>(参见目录及命名规范)7.网页标题<title>xxxxxxxxxxxxxxxxxx</title>.可以选择加入的标签1.设定网页的到期时间。

一旦网页过期,必须到服务器上重新调阅。

<META HTTP-EQUIV=”expires” CONTENT=”Wed, 26 Feb 1997 08:21:57 GMT”>2.禁止浏览器从本地机的缓存中调阅页面内容。

网站网页制作的常用代码大全

网站网页制作的常用代码大全

一:文字加粗倾斜的代码◆文字加粗的代码是:<b>你好</b>◆文字倾斜的代码是:<i>你好!</i>◆底线字:<u></u>二:文字链接代码如果您想点击某处文字会连接到另外一个网页的效果,这是超链接,代码是这样:<a href="网站地址";>共享空间</a>如果要点了这个文字以后重新打开一个窗口的话,代码是:<a href="网站地址";target="_blank">共享空间</a>三:在网站上放图片的代码如果你看到一个好看的图片想放到网站上,代码是这样的:<img src="/Article/UploadFiles/201103/20110307151132733.gif";width="150"height="100">后面的数字调节图片的尺寸大小。

四:图片链接代码如果要点一下图片就能打开一个网站的链接代码是这样的:<a href="";><img src="/Article/UploadFiles/201103/20110307151132733.gif";width="150"height="100"><如果要点一下图片就能打开一个网站的链接,并且重新打开一个窗口。

代码是这样的:<a href=ask-tj.target="_blank"><img src="/Article/UploadFiles/201103/20110307151132733.gif";width="150"height="100"></a>上面的数字都能调节图片尺寸大小。

网页制作常用源代码

网页制作常用源代码

网页制作常用源代码目录当前日历星期程序 (1)放在页首的代码 (2)倒计时源代码 (3)插入本机视频文件 (4)插入网络视频文件 (4)嵌套页面代码 (5)横向滚动条代码 (5)向上滚动条代码 (5)最后更新时间 (5)用按钮链接网站的程序 (6)固定字号大小 (6)去掉下划线代码 (6)10秒后自动链接到别的网页 (6)表格代码 (7)鼠标拖动数字时钟 (9)当前日历星期程序例:2010年11月24日星期三<script language=JavaScript>today=new Date();function initArray(){this.length=initArray.arguments.lengthfor(var i=0;i<this.length;i++)this[i+1]=initArray.arguments[i] }var d=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六");document.write("<font color=##FF0000 style='font-size:10pt;font-family: 幼圆'> ",today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日",d[today.getDay()+1],"</font>" );</script>放在页首的代码<STYLE type=text/css>P {FONT-SIZE: 9pt}TD {FONT-SIZE: 9pt}INPUT { FONT-SIZE: 9pt}SELECT { FONT-SIZE: 9pt}A {TEXT-TRANSFORM: none; COLOR: #000000; TEXT-DECORATION: none}A:hover {COLOR: #ff0080; TEXT-DECORATION: none}A:active {COLOR: #ff0080; TEXT-DECORATION: none}.subject {FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none}.title1 {FONT-SIZE: 12px; COLOR: #660000; TEXT-DECORATION: none}.title1:hover {FONT-SIZE: 12px; COLOR: #669999}.lianjie {FONT-SIZE: 12px; COLOR: #808080; TEXT-DECORATION: none}.lianjie:hover {FONT-SIZE: 12px}.zzz {FONT-SIZE: 12px; LINE-HEIGHT: 14px}</STYLE></head><body><SCRIPT language=JavaScript><!--<!--function MM_reloadPage(init) { //reloads the window if Nav4 resizedif (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)){document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();}MM_reloadPage(true);// -->function MM_swapImgRestore() { //v3.0var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++)x.src=x.oSrc;}function MM_preloadImages() { //v3.0var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}function MM_findObj(n, d) { //v4.0var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];for(i=0;!x&&yers&&i<yers.length;i++) x=MM_findObj(n,yers[i].document); if(!x && document.getElementById) x=document.getElementById(n); return x;}function MM_swapImage() { //v3.0var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src;x.src=a[i+2];}}//--></SCRIPT>倒计时源代码<script language="JavaScript" type="text/javascript"><!--BirthDay=new Date("February 14,2010");//改为计时日期today=new Date();timeold=(today.getTime()-BirthDay.getTime());sectimeold=timeold/1000secondsold=Math.floor(sectimeold);msPerDay=24*60*60*1000e_daysold=timeold/msPerDaydaysold=Math.floor(e_daysold);//--></script><script language="JavaScript" type="text/javascript"><!--document.write("2010年春节"+daysold+"天");//--></script>插入本机视频文件<object classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6" width="175" height="190" id="WindowsMediaPlayer1"><param name="URL" value="bdl-rjzz.wmv"><param name="rate" value="1"><param name="balance" value="0"><param name="currentPosition" value="0"><param name="defaultFrame" value><param name="playCount" value="10"><param name="autoStart" value="-1"><param name="currentMarker" value="0"><param name="invokeURLs" value="-1"><param name="baseURL" value><param name="volume" value="50"><param name="mute" value="0"><param name="uiMode" value="full"><param name="stretchToFit" value="0"><param name="windowlessVideo" value="0"><param name="enabled" value="-1"><param name="enableContextMenu" value="-1"><param name="fullScreen" value="0"><param name="SAMIStyle" value><param name="SAMILang" value><param name="SAMIFilename" value><param name="captioningID" value><param name="enableErrorDialogs" value="0"></object>插入网络视频文件<object width="480" height="415"><param name="allowFullScreen" value="true" /><embed src="/v/9Wstkpm-P0Q/" type="application/x-shockwave-flash"width="480" height="415"></embed></object>嵌套页面代码<iframe frameborder="0" src="sanfu.htm" scrolling="yes" width="100%" height="100%" /></iframe>横向滚动条代码<marquee>滚动条代码文字</marquee>向上滚动条代码<marquee width="200" height="70" direction="up" scrollamount="1" style="font-size:9pt;line-height: 150%"><font size="2"> 欢迎你!<br>进入我的网站——日历探秘!<br>亲爱的网友,<br>只要移动鼠标轻轻点击,<br>相信你会得到一些启示与收益!<br></font></marquee>最后更新时间<script language=JavaScript><!--hide script from old browsersdocument.write("最后更新时间: " + stModified + "")// end hiding --></script>用按钮链接网站的程序<input type="button" value="《日历网》各类查询工具"onClick="window.open('/_private/20gj/gj.htm','Sample','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbar s=yes,resizable=yes,copyhistory=yes,width=1020,height=1500,left=0,top =0')" name="Input2232222">固定字号大小<style type="text/css"><!--body {font-size:9pt}td {font-size:9pt}--></style>去掉下划线代码<style> <!-- a {text-decoration: none} --> </style>10秒后自动链接到别的网页<meta http-equiv="refresh" content="10; url=/">表格代码<tr>行<td>列表格一行<table width="100%" cellspacing="1"> <tr><td>&nbsp;</td></tr></table>表格二行<table width="100%" cellspacing="1"> <tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td></tr></table>表格一行二列<table width="100%" cellspacing="1"> <tr><td>&nbsp;</td><td>&nbsp;</td></tr></table>表格二行二列<table width="100%" cellspacing="1"> <tr><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td></tr></table>表格四行二列<table width="100%" cellspacing="1"> <tr><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td></tr></table>表格三行三列<table width="100%" cellspacing="1"> <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr></table>首行居中后插入二行三列表格<div align="center"><table width="80%" border="1"><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr></table></div>前两列合并<table width="80%" height="218" border="1"><tr><td width="50%" rowspan="2">&nbsp;</td><td width="24%">&nbsp;</td><td width="26%">&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td></tr></table>右两行合并<table width="58%" border="1" cellpadding="2"><tr><td>&nbsp;</td><td colspan="2" rowspan="2">&nbsp;</td></tr><tr><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr></table>居中显示<div align="center"></div>表格宽 width="80%"表格高 height="134"表格线条粗 border="1"单元格边距 cellpadding="2"单元格间距 cellspacing="0"鼠标拖动数字时钟<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <script language=JavaScript>dCol='000000';//date colour.fCol='000000';//face colour.sCol='000000';//seconds colour.mCol='000000';//minutes colour.hCol='000000';//hours colour.ClockHeight=40;ClockWidth=40;ClockFromMouseY=0;ClockFromMouseX=100;//Alter nothing below! Alignments will be lost!d=newArray("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATU RDAY");m=newArray("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","S EPTEMBER","OCTOBER","NOVEMBER","DECEMBER");date=new Date();day=date.getDate();year=date.getYear();if (year < 2000) year=year+1900;TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year;D=TodaysDate.split('');H='...';H=H.split('');M='....';M=M.split('');S='.....';S=S.split('');Face='1 2 3 4 5 6 7 8 9 10 11 12';font='Arial';size=1;speed=0.6;ns=(yers);ie=(document.all);Face=Face.split(' ');n=Face.length;a=size*10;ymouse=0;xmouse=0;scrll=0;props="<font face="+font+" size="+size+" color="+fCol+"><B>";props2="<font face="+font+" size="+size+" color="+dCol+"><B>";Split=360/n;Dsplit=360/D.length;HandHeight=ClockHeight/4.5HandWidth=ClockWidth/4.5HandY=-7;HandX=-2.5;scrll=0;step=0.06;currStep=0;y=new Array();x=new Array();Y=new Array();X=new Array();for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0}Dy=new Array();Dx=new Array();DY=new Array();DX=new Array();for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0}if (ns){for (i=0; i < D.length; i++)document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>');for (i=0; i < n; i++)document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>');for (i=0; i < S.length; i++)document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>');for (i=0; i < M.length; i++)document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>');for (i=0; i < H.length; i++)document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>'); }if (ie){document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < D.length; i++)document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+p rops2+D[i]+'</B></font></div>');document.write('</div></div>');document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < n; i++)document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+p rops+Face[i]+'</B></font></div>');document.write('</div></div>');document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < H.length; i++)document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;colo r:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>');document.write('</div></div>');document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < M.length; i++)document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;colo r:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>');document.write('</div></div>')document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">');for (i=0; i < S.length; i++)document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;colo r:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>');document.write('</div></div>')}(ns)?window.captureEvents(Event.MOUSEMOVE):0;function Mouse(evnt){ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouse Y;xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX;}(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;function ClockAndAssign(){time = new Date ();secs = time.getSeconds();sec = -1.57 + Math.PI * secs/30;mins = time.getMinutes();min = -1.57 + Math.PI * mins/30;hr = time.getHours();hrs = -1.575 + Math.PI * hr/6+Math.PI*parseInt(time.getMinutes())/360;if (ie){Od.style.top=window.document.body.scrollTop;Of.style.top=window.document.body.scrollTop;Oh.style.top=window.document.body.scrollTop;Om.style.top=window.document.body.scrollTop;Os.style.top=window.document.body.scrollTop;}for (i=0; i < n; i++){var F=(ns)?yers['nsFace'+i]:ieFace[i].style;F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll;F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180);}for (i=0; i < H.length; i++){var HL=(ns)?yers['nsHours'+i]:ieHours[i].style;HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll;HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs);}for (i=0; i < M.length; i++){var ML=(ns)?yers['nsMinutes'+i]:ieMinutes[i].style;ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll;ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min);}for (i=0; i < S.length; i++){var SL=(ns)?yers['nsSeconds'+i]:ieSeconds[i].style;SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll;SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec);}for (i=0; i < D.length; i++){var DL=(ns)?yers['nsDate'+i]:ieDate[i].style;DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll; DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180);}currStep-=step;}function Delay(){scrll=(ns)?window.pageYOffset:0;Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed);Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed);for (i=1; i < D.length; i++){Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed);Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed);}y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);for (i=1; i < n; i++){y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);}ClockAndAssign(); setTimeout('Delay()',20);}if (ns||ie)window.onload=Delay; </script>。

html网页编辑代码简单介绍

html网页编辑代码简单介绍

版权号 © &copy;
注册商标 ® &reg;
“ &quot;
<li></li>
...
</ul>
注:<li>...</li>表示一个项目或标题
参数值 描述
 html语法
一、html最基本的语法就是<标记符>内容</标记符>,标记符通常都是成对使用
的,有一个开头标记和一个结束标记,结束标记只是在开头标记的前面加一个斜
杠“/”。例如:<font size="7">文字内容</font> <hr width="80%"/>
二、html语法的最好学习方法就是查看网页的源代码。
2、格式:<p align="对齐方式">...</p>
3、属性名称 属性值 说明
left 左对齐
align center 居中
2、body属性
<body bgcolor="背景颜色" background="背景图像" text="文本颜色" link="链接文本颜色" vlink="访问过的文本颜色" alink="激活的链接文本颜色" left margin="左边界" right margin="右边界" top margin="上边界" bottom margin="下边界"
下标 <sub>文本</sub>

网页设计中10个常用简单代码

网页设计中10个常用简单代码

网页设计中10个常用简单代码1. 让文字不停地滚动<MARQUEE>滚动文字(循环滚动)</MARQUEE>其它滚动效果:<marquee direction=left>从右向左移!</marquee><p><marquee direction=right>从左向右移!</marquee><p><marquee behavior=scroll>一圈一圈绕着走!</marquee><p><marquee behavior=slide>只走一次就歇了!</marquee><p><marquee behavior=alternate>来回走!</marquee><p><marquee loop=3 width=50% behavior=scroll>只走 3 趟</marquee><p><marquee loop=3 width=50% behavior=slide>只走 3 趟!</marquee><p><marquee loop=3 width=50% behavior=alternate>只走 3 趟!</marquee><p> <marquee scrollamount=20>走得好快哟!</marquee>2. 2秒后关闭当前当前页面<script language="JavaScript"><!--setTimeout('window.close();',2000);--></script>3. 2秒后自动载入指定网页<head><meta http-equiv="refresh" content="2;URL=http://你的网址"></head>4.节日、重大事件倒计时<Script Language="JavaScript">var timedate= new Date("October 1,2011");var times="国庆节";var now = new Date();var date = timedate.getTime() - now.getTime();var time = Math.floor(date / (1000 * 60 * 60 * 24));if (time >= 0)document.write("现在离"+times+"还有: "+time +"天")</Script>5. 不同时间段显示不同问候语<Script Language="JavaScript"><!--var text=""; day = new Date( ); time = day.getHours( );if (( time>=0) && (time < 7 ))text="夜猫子,要注意身体哦!"if (( time >= 7 ) && (time <12))text="今天的阳光真灿烂啊,你那个朋友呢?"if (( time >= 12) && (time <14))text="午休时间。

制作网页40个常用小代码

制作网页40个常用小代码
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>
alert(checkNum("123214214a1"))
// --></script>
29、获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight
30、怎么判断是否是字符
以下为引用的内容:
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
3、onpaste="return false" 不准粘贴
4、oncopy="return false;" oncut="return false;" 防止复制
5、<link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
<HTML><script language="vbscript">
function checkme()
for each ob in radio1

25种常用网页代码

25种常用网页代码
打开当前 IE 窗口的一个拷贝:Ctrl+N
停止下载当前网页:Esc
光标迅速移动到网页的开头:Home
光标迅速移动到网页的尾部:End
打开新的地址键入窗口:Ctrl+O
打开收藏夹:Ctrl+I
打开历史记录文件夹:Ctrl+H
打开浏览器设定的默认主页:Alt+HOME
21.添加到收藏夹:
12 随意溶解 13从左右两端向中间展开
14从中间向左右两端展开 15从上下两端向中间展开
16从中间向上下两端展开 17 从右上角向左下角展开
18 从右下角向左上角展开 19 从左上角向右下角展开
20 从左下角向右上角展开 21 水平线状展开
22 垂直线状展开 23 随机产生一种过渡方式
// End -->
</script>
07.能隐藏IFRAME的滚动条吗?我知道的三种方法:
1. 设置iframe scrolling="no"
2. 被包含页body应用overflow:hidden
3. 被包含页的body标签加scroll="no"
08.加入背景音乐
<bgsound src="mid/windblue[1].mid" loop="-1"> 只适用于IE
allowtransparency></iframe>
04.禁止右键:
<body oncontextmenu="return false" ondragstart="return false"

编辑网页代码

编辑网页代码
网页特效
• 网页特效指网页上的特殊效果,主要通过 将JavaScript程序代码加入到网页中,使 网页页面更加生动、活泼。
一个页面添加的特效 不宜过多,否则会影响整 个页面的视觉美感。
认识HTML代码
• 超文本标记语言(Hypertext Markup Language , HTML),是用于描述网页 文档的一种标记语言,它是万维网上的 通用语言。
HMTL 标签是由尖括号包围的关键词,通常成对出现。
试一试
打开“山水雁荡”站点中的一个主题网 页,尝试运用HTML更改网页内容,观察其变 化。 1、改变“欢迎光临 山水雁荡”字改 为“flower.gif”.
温馨提示: 1、改变“欢迎光临山水雁荡”字体大小为5,可以在文本标签“<font size=?></font>修改。 2、改变图片用图形元素<img src=“name”>。 3、可以借助帮助小网站,可以同学之间互相帮助。
小助手: 课本59-60页、链接学院、合作交流。
1 2
认识网页特效代码
网页特效代码的修改
3
网页特效代码的添加
温馨提示: 一个页面添加的特效不易过多,否则会影响整个页面的视觉美感。
HTML文件结构如下:
<html> <head> <title> <head> <body> <script> 标记网页的开始 标记头部的开始
显示在浏览器左上方的标题</title>
标记头部的结束 标记页面正文开始
</script> <body> <html>
特效代码

JS网页常用代码大全

JS网页常用代码大全

onClick="location.href='/'">
17、警告框显示源代码 <BUTTON onClick=alert(document.documentElement.outerHTML) style="width:110">警告框 显
示源代码</BUTTON>
21、另存为 <input onClick="document.execCommand('saveas','true','常用代码.htm')" type=button
value=另存为>
22、点击自动复制 <script>function oCopy(obj){obj.select();js=obj.createTextRange();js.execCommand
点击清空文字 <input name=name size=11 value=点击清空文字 onMouseOver=this.focus() onblur="if
(this.value =='') this.value='点击清空文字'" onFocus=this.select() onClick="if (this.value=='点击清空文字') this.value=''">
JS 网页常用代码大全 ******************************************************************************* ******** 1、后退 前进 <input type="button" value="后退" onClick="history.go(-1)"> <input type="button" value="前进" onClick="history.go( 1 );return true;">

打开网页弹出窗口、网页常用代码

打开网页弹出窗口、网页常用代码

//--> </script>
为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四 种方法调用即可。 注意:2个窗口的name(newwindows和newwindow2)不要相同,或者干脆全部为空。OK?
【5、主窗口打开文件1.htm,同时弹出小窗口page.html】
【2、经过设置后的弹出窗口】 下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。我们来定制这个弹出的 窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。
<SCRIPT LANGUAGE=javascript> <!-*** ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no') //写成一行 --> </SCRIPT>
【1、普通的弹出窗口】 其实代码非常简单:
<SCRIPT LANGUAGE=javascript> <!-*** ('page.html') --> </SCRIPT>
因为该放在<SCRIPT LANGUAGE=javascript>标签和</script>之 间。<!-- 和 -->是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出 来。要养成这个好习惯啊。 *** ('page.html') 用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写 明路径,绝对路径(http://)和相对路径(../)均可。 用单引号和双引号都可以,只是不要混用。 这一段代码可以加入HTML的任意位置,<head>和</head>之间可以,<body>间</body>也可以,越 前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。

常用网页设计代码

常用网页设计代码

1.控制横向和纵向滚动条的显隐?<body style="overflow-y:hidden"> 去掉x轴<body style="overflow-x:hidden"> 去掉y轴<body scroll="no">不显--------------------------------------------------------------------------------2.表格变色<TD onmouseover="this.style.backgroundColor='#FFFFFF'"onmouseout="this.style.backgroundColor=''"style="CURSOR: hand">--------------------------------------------------------------------------------3.禁止复制,鼠标拖动选取<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=ev ent.returnValue=false><body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">--------------------------------------------------------------------------------4.普通iframe页面<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>--------------------------------------------------------------------------------5.iframe自适应高度<iframe name="pindex" src="index.asp" frameborder=false scrolling="auto" width="100%" height="100%" frameborde r=no onload="document.all['pindex'].style.height=pindex.document.body.scrollHeight" ></iframe>--------------------------------------------------------------------------------6.IE地址栏前换成自己的图标&可以在收藏夹中显示出你的图标<link rel="Shortcut Icon" href="favicon.ico"><link rel="Bookmark" href="favicon.ico">--------------------------------------------------------------------------------7.字号缩放越来越多的人长时间的泡网,眼镜的普及率也越来越高,让文字大点,让更多的用户看的更清楚。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

1)贴图:< img src="图片地址">
2)加入连接:< a href="所要连接的相关地址">写上你想写的字< /a>
3)在新窗口打开连接:< a href="相关地址" target="_blank">写上要写的字< /a>
4)移动字体(走马灯):< marquee>写上你想写的字 < /marquee> (可用于店铺分类,和评价)
5)字体加粗:< b>写上你想写的字< /b>
6)字体斜体:< i>写上你想写的字< /i>
7)字体下划线: < u>写上你想写的字< /u>
8)字体删除线: < s>写上你想写的字< /s>
9)字体加大: < big>写上你想写的字< /big>
10)字体控制大小:< h1>写上你想写的字< /h1>(其中字体大小可从h1-h5,h1
最大,h5最小)(其中字体大小可从h1-h5,h1最大,h5最小)
11)更改字体颜色:< font color="#value">写上你想写的字< /font>(其中value 值在000000与ffffff(16位进制)之间
12)消除连接的下划线:< a href="相关地址" style="text-decoration:none">写上你想写的字< /a>
13)贴音乐:< embed src="音乐地址" width="宽度" height="高度"
autostart=false>
14)贴flash: < embed src="flash地址" width="宽度" height="高度">
15)贴影视文件:< img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>
16)换行:< br>
17)段落:< p>段落< /p>
18)原始文字样式:< pre>正文 < /pre>
19)换帖子背景:< body background="背景图片地址">
20)固定帖子背景不随滚动条滚动:< body background="背景图片地址" body bgproperties=fixed>
21)定制帖子背景颜色:< body bgcolor="#value">(value值见10)
22)帖子背景音乐:< bgsound="背景音乐地址" loop=infinite>(听到音乐了吗?也可以加在你的店铺公告里)
23)贴网页:< iframe src="相关地址" width="宽度" height="高度">< /iframe>
24)店铺音乐代码:音乐网址" loop="-1">
25)图片制作代码:<img src="这里放图片地址">
26)公告图片代码:<img border="0" src="这里放图片地址" />或<img src="这里放图片地址"/>
27)悬浮挂饰代码:<img src="这里放图片地址" style="left:20px; position: relative; top:0px" />
28)商品分类代码:<img src="这里放图片地址"/>
29)字体大小代码:<font size="2">这里放要处理的文字,可用3、4、5等设置大小</font>
30)字体颜色代码:<font color="red">这里放要处理的文字,可以换成
blue,yellow等</font>
31)文字链接代码:<a href="网页地址">链接的文字,在分类栏里用时链接的网页地址必须缩短</a>
32)移动文字代码:<marquee>从右到左移动的文字</marquee>
33)背景音乐代码:<bgsound loop="-1" src="这里放音乐地址"></bgsound>
34)图片附加音乐代码:<img border=0 src="这里放图片地址" dynsrc="这里放音乐地址">
35)浮动图片代码:<img alt="1" height="150" src="这里放图片地址"/>
36)移动字体(走马灯):<marquee>写上你想写的字</marquee>
37)图片从下向上移动的代码:<marquee direction=up ><img src=图片地址width="100" height="50"</img></marquee>
38)图片从左向右移动的代码:<marquee direction=right ><img src=图片地址width="100" height="50"</img></marquee>
39)图片从右向左移动的代码:<marquee direction=left ><img src=图片地址width="100" height="50"</img></marquee>。

相关文档
最新文档