网页基本标签代码大全

网页设计 网页基本标签代码大全 网页基本标签代码大全 1.公司版权注释2.网页显示字符集简体中文：繁体中文：英 语：3.网页制作者信息4.网站简介 5.搜索关键字 6.网页的css规范(参见目录及命名规范)7.网页标题 xxxxxxxxxxxxxxxxxx.可以选择加入的标签1.设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。2.禁止浏览器从本地机的缓存中调阅页面内容。3.用来防止别人在框架里调用你的页面。4.自动跳转。5指时间停留5秒。5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。 CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。6.收藏夹图标所有的javascript的调用尽量采取外部调用. 附标签：标签不属于head区，这里强调一下，为了保证浏览器的兼容性，必须设置页面背景flash透明在flash的源代码中加上：表格透明 style=FILTER: alpha(opacity=72)网址前添加icon的方法 1、上上用他的icon editor online制作一个图标。他会将做好的图标通过email即时发送给你。2、把这个命名为favicon.ico的图标放置在index.html同一个文件夹中。就可以了。作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到相应目录中。在HTML源文件“head/head”之间添加如下代码：Link Rel=SHORTCUT ICON href=http:/图片的地址（注意与刚才的目录对应）其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时，就更简单了，只需将图片上传到网站根目录下，自动识别可以在收藏夹中显示出你的图标状态栏连接说明 某某链接链接说明 禁止鼠标右键 在标签中加入 DW里输入空格插入N个 水平线 noshade为有无阴影表单电子邮件提交文本域名为Subject 为邮件的标题邮件链接定制 Mailto:地址 ? Subject=邮件的标题 &bc=抄送 &bcc=密件抄送背景音乐禁止页面正文选取 消除ie6自动出现的图像工具栏，设置 GALLERYIMG属性为false或no . 防止点击空链接时，页面往往重置到页首端。 代码“如何避免别人把你的网页放在框架中 页面定时刷新 页面定时转向新的地址显示日期 !-today=new Date();var week; var date;if(today.getDay()=0) week=星期日if(today.getDay()=1) week=星期一if(today.getDay()=2) week=星期二if(today.getDay()=3) week=星期三if(today.getDay()=4) week=星期四if(today.getDay()=5) week=星期五if(today.getDay()=6) week=星期六date=(today.getYear()+年+(today.getMonth()+1)+月+today.getDate()+日+ document.write(+date+week+);/ -设为首页 设为首页添加收藏收藏本站文字滚动插入边框为0的1行1列的表格，在表格中输入文字，选中文字，按ctrl+t输入marquee direction=up, 回车即可让文字在表格区域内向上滚动。（right、down可用于让文字或图象向右及向下滚动，修改html原代码还可以得到需要的滚动速度。表单验正 function checkform(theform)if(.value=)alert(姓名不能为空!);.focus();return false;if(theform.tel.value=)alert(电话不能为空!);theform.tel.focus();return false;定义鼠标bodycursor: url(cur.ani或cur);以图片方式插视频 层在flash上面 延迟跳转 导航条变色：单元格TR后面插入onmouseover= #99CCFF居中空链接;标题表格 表格的说明细线表格style=BORDER-COLLAPSE: collapse;滚动条颜色代码BODYSCROLLBAR-FACE-COLOR: #FFFFFF;SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;SCROLLBAR-SHADOW-COLOR: #FFFFFF;SCROLLBAR-3DLIGHT-COLOR: #FFCBC8;SCROLLBAR-ARROW-COLOR: #FFFFFF;SCROLLBAR-TRACK-COLOR: #FFFFFF;SCROLLBAR-DARKSHADOW-COLOR: #FFCBC8;SCROLLBAR-BASE-COLOR: #FFFFFF连续的英文或者一堆感叹号!不会自动换行的问题 只要在CSS中定义了如下句子，可保网页不会再被撑开了tabletable-layout: fixed;tdword-break: break-all; word-wrap:break-word;注释一下：1.第一条tabletable-layout: fixed;，此样式可以让表格中有!(感叹号)之类的字符时自动换行。2.tdword-break: break-all，一般用这句这OK了，但在有些特殊情况下还是会撑开，因此需要再加上后面一句word-wrap:break-word;就可以解决。此样式可以让表格中的一些连续的英文单词自动换行。javascript 常用技巧2 1.让浏览器窗口永远都不出现滚动条。 body style=overflow-x:hidden;overflow-y:hidden或body style=overflow:hidden 或body scroll=no2，没有水平滚动条body style=overflow-x:hidden3，没有垂直滚动条body style=overflow-y:hidden2,如何给图片抖动怎做的. SCRIPT language=javascript1.2!-var rector=2var stopit=0var a=1var count=0function init(which)stopit=0shake=whichshake.style.left=0shake.style.top=0function rattleimage()if (!document.all&!document.getElementById)|stopit=1|count=100)returncount+if (a=1)shake.style.top=parseInt(shake.style.top)+rectorelse if (a=2)shake.style.left=parseInt(shake.style.left)+rectorelse if (a=3)shake.style.top=parseInt(shake.style.top)-rectorelseshake.style.left=parseInt(shake.style.left)-rectorif (a4)a+elsea=1setTimeout(rattleimage(),50)function stoprattle(which)stopit=1count=0which.style.left=0which.style.top=0/-/SCRIPTstyle.shakeimage /styleimg src=图片的路径 4，在DW如何给水平线加颜色。 在DW中没有此项设置，你只能在HTML中加入代码：hr color=red noshade按F12的预览在能看到。由于在NC中不支持hr的COLOR属性，所以在DW中没有此项设置。5，如何在网页中实现flash的全屏播放？ 只 要在调用swf文件的HTML中将WIDTH和HEIGHT的参数设为100即可，当然也可以在Flash导出HTML文件的设置中进行设置，方法是： 打开File菜单；选Publish Settings弹出导出设置对话框；在HTML标签下的Dimensions选项,下拉后选中Percent（百分比）,并在WIDTH 和HEIGHT框中填100.就行了。6,为什么我在DW中插入的Flash动画缺看不找！ 如果你没有正确地安装Dreamweaver和Flash，那么在你预览的时候，Dreamweaver会提示你缺少播放的插件，请你按装InstallAXFlash.exe 并从新启动计算机。现在IE6已经捆绑这个程序。7，在Flash中，如果屏蔽鼠标右键?FS命令都是什么意思? fscommand (fullscreen, true/false);（全屏设置，TRUE开，FALSE关）fscommand (showmenu, true/false);（右键菜单设置，TRUE显示，FALSE不显示）fscommand (allowscale, true/false);（缩放设置，TRUE自由缩放，FALSE调整画面不影响影片本身的尺寸）fscommand (trapallkeys, true/false);（快捷键设置，TRUE快捷键开，FALSE快捷键关）fscommand (exec);（EXE程序调用）fscommand (quit);（退出关闭窗口）8，Flash中什么是隐形按钮。 利用button中的hit帧来制作只有感应区域而完全透明的按钮。9，如何给Flash动画做链接。 Dreamweaver是不能给Flash制作链接的，只能在Flash中用geturl()加链接，然后再插入Dreamweaver中。10，DW中的层的技巧。 层是可以嵌套的，我个人给大家一个技巧，在层面板中按住CTRL再拖放层到你想去成为其子层的地方就行了，我认为这是最简单直观的方法了。11，如何改变鼠标的形状？ 在Dreamweaver4中CSS样式面板：按CTR +SHIFT+E-出现样式表对话框,点击NEW，出现编辑对话框,在左边最后一项extensions-cursor 选择你要改的指针形式就可以了，然后把你要想改变的地方运用样式表，如果整页都有在body bgcolor=# text=#ffffff span style=cursor:X样例/span这里选择（文本）作为对象，还可以自己改为其他的，如link等。x 可以等于=hand（手形）、crosshair（十字）、text（文本光标）、wait（顾名思义啦）、default（默认效果）、help（问 号）、e-size（向右箭头）、ne-resize（向右上的箭头）、nw-resize（向左上的箭头）、w-resize（向左的箭头）、sw- resize（左下箭头）、s-resize（向下箭头）、se-resize（向右下箭头）、auto（系统自动给出效果）。12，用CSS做邮票，看看吧！ input type=button value=我象不象邮票？ style=height:80px;border:2px dashed #cccccc13，经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，怎么做呢！ 这javascript代码即可实现，摘录蓝色论坛。【1、最基本的弹出窗口代码】其实代码非常简单：SCRIPT LANGUAGE=javascript!-window.open (page.html)-/SCRIPT因 为着是一段javascripts代码，所以它们应该放?lt;SCRIPT LANGUAGE=javascript标签和/script之间。!- 和 -是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。window.open (page.html) 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http:/)和相对路径(./)均可。用单引号和双引号都可以，只是不要混用。这一段代码可以加入HTML的任意位置，head和/head之间可以，body bgcolor=# text=#ffffff 【2、经过设置后的弹出窗口】下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。SCRIPT LANGUAGE=javascript!-window.open (page.html, newwindow, height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no)/写成一行-/SCRIPT参数解释：SCRIPT LANGUAGE=javascript js脚本开始；window.open 弹出新窗口的命令；page.html 弹出窗口的文件名；newwindow 弹出窗口的名字（不是文件名），非必须，可用空代替；height=100 窗口高度；width=400 窗口宽度；top=0 窗口距离屏幕上方的象素值；left=0 窗口距离屏幕左侧的象素值；toolbar=no 是否显示工具栏，yes为显示；menubar，scrollbars 表示菜单栏和滚动栏。resizable=no 是否允许改变窗口大小，yes为允许；location=no 是否显示地址栏，yes为允许；status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；/SCRIPT js脚本结束【3、用函数控制弹出窗口】下面是一个完整的代码。htmlheadscript LANGUAGE=javascript!-function openwin() window.open (page.html, newwindow, height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no)/写成一行/-/script/headbody 任意的页面内容/body/html这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。怎么调用呢？方法一：body 浏览器读页面时弹出窗口；方法二：body 浏览器离开页面时弹出窗口；方法三：用一个连接调用：a href=# 打开一个窗口/a注意：使用的“#”是虚连接。方法四：用一个按钮调用：input type=button value=打开窗口14，没有用表格写的，让大家随便看看，没什么。 htmlheadtitle江南荷花扇面/titlemeta http-equiv=Content-Type content=text/html; charset=gb2312style type=text/css!-.font1 font-size: 12px; color: #; text-decoration: nonea font-size: 12px; color: #; text-decoration: nonea:hover font-size: 12px; color: #; text-decoration: none-/style/headbody bgcolor=#FFFFFF text=#div style=writing-mode=tb-rl;height:200px width=300p盛夏尚涛pa href=index.htm一夜露痕黄粉香袁运甫 /ap瑶池昨夜新凉王金岭p一朵白莲随意开吴冠南p新雨迎秋欲满塘齐辛民p十里荷香齐辛民p濯清莲而不妖卢世曙/div/body/html15,IE6已支持自定义cursor! 语法格式 cursor:url(图标) /cur或是ani文件.cur就是WINDOWS中的光标(cursor)文件，光标文件与图标（ICON)文件除了文件头有一个位置的值不同外，实际是一样的。ani是WINDOWS中的动画光标（图标）文件。style type=text/css!-.unnamed1 cursor:url(arrow2c.cur)-/style16,用marquee做的滚动字幕.这也我刚看到论坛的朋友在问。 语法：align=# | top | middle| bottom /对齐方式)BEHAVIOR=AlterNATE | SCROLL | SLIDE /移动的方式BGCOLOR=color/底色区域颜色DIRECTION=DOWN | LEFT | RIGHT | UP /移动的方向Loop=n /循环次数（默认是循环不止）Scrolldelay=milliseconds/延时height=# width=# /区域面积hspace=# vspace=# /空白区域scrollamount=# /移动的速度marquee align=top behavior=AlterNATE BGCOLOR=# height=60 width=433 scrollamount=5/marquee17，在FLASH5中也存在一些字体，打散后变成一团的事是为什么？有解决的办法吗。 这是大家很常见的问题！可能是对字库支持的不好！我个是做成透明的gif图片格式，然后倒入。18，flash的网页里“加入收藏夹”功能怎么实现？ 在as中加getUrl(java script:window.external.addFavorite(,榆林高考补习)19，在Flash中，文本的动态属性和输入属性的区别。 input text在运行时可被用户或程序改变其值。ynamic text仅允许被程序修改。20,怎样在IE中调用Dreamweaver进行编辑. 相信很多在使用WinME或Window2000的朋友，会遇见是个问题。很简单，把我们笔记本程序打开，保存为一个 *.reg 文件。双击它将信息添加到注册表即可。REGEDIT4HKEY_CLASSES_ROOT.htmOpenWithListDreamweaverHKEY_CLASSES_ROOT.htmOpenWithListDreamweavershellHKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelleditHKEY_CLASSES_ROOT.htmOpenWithListDreamweavershelleditcommand=c:Program FilesMacromediaDreamweaver 4dreamweaver.exe %121，设置表格虚线。 方法一：作一个1X2的图。半黑半白，再利用表格作成线。方法二：在css里面设，要IE5。5才支持这种效果。style=BORDER-LEFT: # 1PX DASHED; BORDER-RIGHT: # 1PX DASHED; BORDER-TOP: # 1PX DASHED; BORDER-BOTTOM: # 1PX DASHED22,看看在网页中调用HHCtrl控件效果。 代码如下：object type=application/x-oleobject classid=clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11/objectscript HHC.TextPopup(哈哈,大家好,我是闪梦!,50,5,);/script22，如何让一张图片有浅到深的渐变。 SCRIPT language=javascript1.2!-function high(which2)theobject=which2highlighting=setInterval(highlightit(theobject),50)function low(which2)clearInterval(highlighting)which2.filters.alpha.opacity=40function highlightit(cur2)if (cur2.filters.alpha.opacity100)cur2.filters.alpha.opacity+=10else if (window.highlighting)clearInterval(highlighting)/scriptimg style=FILTER: alpha(opacity=40)src=logo.gif 23,双击鼠标左键来滚动背景，单击停止。 SCRIPT language=javascriptvar currentpos,timer;function initialize()timer=setInterval(scrollwindow(),16);function sc()clearInterval(timer);function scrollwindow()currentpos=document.body.scrollTop;window.scroll(0,+currentpos);if (currentpos != document.body.scrollTop)sc();document.onmousedown=scdocument.ondblclick=initialize/SCRIPT24,如何在同一页面设置不同文字链接效果的样式. 代码如下：HTMLHEADTITLE如何在同一页面设置不同文字链接效果的样式/TITLEmeta http-equiv=Content-Type content=text/html; charset=gb2312style type=text/css!-a:hover font-size: 9pt; color: #FF0000; text-decoration: underlinea:link font-size: 9pt; color: #; text-decoration: underlinea:visited font-size: 9pt; color: #; text-decoration: underlinea:active font-size: 9pt; color: #FF0000; text-decoration: nonea.r1:hover font-size: 9pt; color: #FF0000; text-decoration: underline overlinea.r1:link font-size: 9pt; color: #; text-decoration: underline overlinea.r1:visited font-size: 9pt; color: #99CC00; text-decoration: underline overlinea.r1:active font-size: 9pt; color: #; text-decoration: underline overline-/style/headbody bgcolor=#FFFFFF text=#a href=#下划线链接 /ap/pa href=# 双下划线链接/a/BODY/HTML补充说明：a:hover 表示鼠标划过时的样式.a:link 表示链接的样式.a:active 表示当前活动连接的样式.a:visited 表示已经访问过的连接的样式.25, 用CSS给文字加入阴影效果和文字描边效果。 .glowFONT-SIZE: 9pt; FILTER: Glow(Color=#, Strength=1)/文字描边效果.shadow FONT-SIZE: 9pt; FILTER: DropShadow(OffX=1, OffY=1, DropShadow(OffX=1, OffY=1, color:#); COLOR: #ffffff; FONT-FAMILY: 宋体/加入阴影效果补充说明：这两种滤镜要想实现效果，必须加在如：td divxxxxxxxxx/div/td上，并且要留有足够的空间能够显示阴影或描边，否则会出现半截的阴影或描边现象。26,如何给做带颜色的下拉菜单。 select style=FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Verdana;BACKGROUND-COLOR: #ff6600; size=1 option selected: Dreamweaver4 :/optionoption:Flash5:/optionoption:Firewoks4:/option/select27,关于DW4的表格中的亮边框和暗边框问题。 在DW4的表格面板中并没有亮边框和暗边框的属性设置，因为NC不支持,只有你在代码中添加了。bordercolorlight=# bordercolordark=#你也可以用Css定义一个class。例如：style.bordercolor bordercolorlight: #; bordercolordark: # /style然后在要加效果的表格里加?lt;table 28,自动显示主页最后更新日期. scriptdocument.write(最后更新日期：+document.lastModified+)/script29,如何让滚动条出现在左边？ 我想居然在论坛中有人发表了这段代码，很有意思，它的确照顾一些左撇子，呵呵！html dir=rtlbody bgcolor=# text=#FFFFFFtable height=18 width=212 align=center bgcolor=#FFFFFF dir=ltr cellspacing=1 cellpadding=0trtd bgcolor=#FF0000 是不是你的滚动条在左边啊/td/tr/table/body/html30,如何加入网址前面的小图标？ 首先,您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以 .ico 作为扩展名。你可用在网上找一个制作图标软件，它具有特有的规格：图标的大小为 16 * 16（以像素为单位）；颜色不得超过 16 色。在该网页文件的 HEAD 部分加入下面的内容：LINK REL=SHORTCUT ICON HREF=/图标文件名,并放在该网页的根目录下。31,在800*600显示器中，如何不让网页水平出现滚动条！ 设至body leftmargin=0 topmargin=0，网页中的表格宽度为778。32,关于!DOTYPE的说明解释。 在网页中，经常会看到!DOCTYPE HTML PUBLIC-/W3C/DTD HTML 4.01/EN，是声明HTML文件的版本信息。33, 用图片来关闭窗体. A href=java script:window.close()IMG height=20 width=20 alt=关闭窗口 src=close.gif border=0/A补充说明：如何使用了ACTIVEX！,不再警告窗口？htmlheadobject type=application/x-oleobjectclassid=clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11param value=Close/object/headbody bgcolor=# text=#ffffff a href=# 关闭窗口无提示/a/body/html34,禁止鼠标右键查看网页源代码。 SCRIPT language=javascriptfunction click()if (event.button=2) alert(你好,欢迎光临！) document.onmousedown=click/SCRIPT补充说明：鼠标完全被封锁,可以屏蔽鼠标右键和网页文字。 body false false false35,通过按钮来查看网页源代码。 input type=BUTTON value=查看源代码 = view-source: + window.location.href 36,怎么用文字联结实现按钮的SUBMIT功能？ a href=# OK/a这段文字要放在form里。formname是这里要写在form中的name,form 37,如何做一个空链接？ 加#38,利用IFRAME来给网页中插入网页。 经常我看到很多网页中又有一个网页，还以为是用了框架，其实不然，是用了IFRAME,它只适用于IE，NS可是不支持IFRAME的，但围着的字句只有在浏览器不支援 iframe 标记时才会显示，如noframes一样，可以放些提醒字句之类的话。你注意啊！下面请和我学习它的用法。分 析代码：iframe src=iframe.html align=MIDDLE width=300 height=100 marginwidth=1 marginheight=1 frameborder=1 scrolling=Yes /iframesrc=iframe.html用来显示IFRAME中的网页来源，必要加上相对或绝对路径。name=test这是连结标记的 target 参数所需要的。align=MIDDLE可选值为 left, right, top, middle, bottom，作用不大 。width=300 height=100框窗的宽及长，以 pixels 为单位。marginwidth=1 marginheight=1该插入的文件与框边所保留的空间。frameborder=1使用 1 表示显示边框， 0 则不显示。（可以是 yes 或 no）scrolling=Yes使用 Yes 表示容许卷动（内定）， No 则不容许卷动。39,请问tbody的用法？ tbody用法据说是加强对表格的控制能力的.例如：tabletbody./tbody/tabletbody代码如果不是你用手写的话,只有在你用IE5打开一个网页的时候， 把它另存为一下，你的另存为的文件在表格中就会生成tbody代码。(即便你的表格根本就没有tbody代码，IE5另存为的时候也会给你生成)。40,Alt和Title都是提示性语言标签，请注意它们之间的区别。 在我们浏览网页时，当鼠标停留在图片对象或文字链接上时，在鼠标的右下角有时会出现一个提示信息框。对目标进行一定的注释说明。在一些场合，它的作用是很重要的。alt 用来给图片来提示的。Title用来给链接文字或普通文字提示的。用法如下：p Title=给链接文字提示文字/pa href=# Title=给链接文字提示文字/aimg src=图片.gif alt=给图片提示补充知识：TITLEALT里面如何多行换行？在源代码里Enter回车。a href=# Title=个人简历姓名：张培网名：我是闪梦性别：男的，不是女的。爱好：网页制作，软件开发个人简历/a例如：个人简历41, 用javascript代码来实现闪烁按钮。 bodyform method=POST action=-WEBBOT-SELF-input type=button value=闪烁 style=BORDER: 1px solid ;BACKGROUND-COLOR: #FFFFFF/formscriptif (document.all&document.all.fla禁用词语)var flashelement=document.all.fla禁用词语if (flashelement.length=null)flashelement0=document.all.fla禁用词语function changecolor(which)if (flashelementwhich.style.color=#)flashelementwhich.style.color=#0063A4elseflashelementwhich.style.color=#if (flashelement.length=null)setInterval(changecolor(0),1000)elsefor (i=0;iflashelement.length;i+)var tempvariable=setInterval(changecolor(+i+),+1000)eval(tempvariable)/script/body42,CSS给图片定义颜色边框。 img border: 1px solid red43,在DW