网页编写代码大全总结

[网页设计] 网页基本标签代码大全

1.公司版权注释

2.网页显示字符集

简体中文：

charset=gb2312″>

繁体中文：

英 语：

charset=iso-8859-1″>

3.网页制作者信息

4.网站简介

5.搜索关键字

6.网页的css规范

(参见目录及命名规范)

7.网页标题

.可以选择加入的标签

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、把这个命名为的图标放置在同一个文件夹中。就可以了。

作一个图标文件，大小为16*16像素。文件扩展名为ico，然后上传到相应目录中。在HTML源文件“＜head＞＜/head＞”之间添加如下代码：

＜Link Rel=”SHORTCUT ICON” href=”图片的地址（注意与刚才的目录对应）”＞

其中的“SHORTCUT ICON”即为该图标的名称。当然如果用户使用IE5或以上版本浏览时，就更简单了，只需将图片上传到网站根目录下，自动识别

可以在收藏夹中显示出你的图标

状态栏连接说明

onMouseOut=”=’ ‘;”>某某链接

链接说明

禁止鼠标右键

在标签中加入

DW里输入空格

插入N个 

水平线

onclick=”or=’url(#default#homepage)’;ePage(‘url’);”>设为首页

添加收藏

收藏本站

文字滚动

插入边框为0的1行1列的表格，在表格中输入文字，选中文字，

按ctrl+t输入marquee direction=”up”, 回车即可让文字在表格区域内向上滚动。

（right、down可用于让文字或图象向右及向下滚动，修改html原代码还可以得到需要的

滚动速度。

表单验正

定义鼠标

body{cursor: url(或cur);}

以图片方式插视频

width=320>

层在flash上面

< param name=”wmode” value=”opaque” >延迟跳转

导航条变色：

单元格

onmouseout=”javascript:r=’#99CCFF’”

居中

空链接

javascript:;

标题表格

细线表格

style=”BORDER-COLLAPSE: collapse;”

滚动条颜色代码

BODY{

SCROLLBAR-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中定义了如下句子，可保网页不会再被撑开了

table{table-layout: fixed;}

td{word-break: break-all; word-wrap:break-word;}

注释一下：

1.第一条table{table-layout: fixed;}，此样式可以让表格中有(感叹号)之类的字符时自动换行。

{word-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=no〉

2，没有水平滚动条

〈body style=”overflow-x:hidden”〉

3，没有垂直滚动条

〈body style=”overflow-y:hidden”〉

2,如何给图片抖动怎做的.

〈SCRIPT language=javascript1.2〉

〈!–

var rector=2

var stopit=0

var a=1

var count=0

function init(which){

stopit=0

shake=which

=0

=0

}

function rattleimage(){

if ((!&&!mentById)||stopit==1||count==100)

return

count++

if (a==1){

=parseInt()+rector

}

else if (a==2){

=parseInt()+rector

}

else if (a==3){

=parseInt()-rector

}

else{

=parseInt()-rector

}

if (a〈4)

a++

else

a=1

setTimeout(“rattleimage()”,50)

}

function stoprattle(which){

stopit=1

count=0

=0

=0

}

//–〉

〈/SCRIPT〉

〈style〉.shakeimage {POSITION: relative}

〈/style〉

〈img src=”图片的路径” onmouseout=stoprattle(this)

onmouseover=init(this);rattleimage()〉

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会提示你缺少播放的插件，请你按装 并从新启动计算机。现在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=”#003063″ text=”#ffffff” id=all〉中加入就行了。

〈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

#cccccc”〉

13，经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，怎么做呢！

这javascript代码即可实现，摘录蓝色论坛。

【1、最基本的弹出窗口代码】

其实代码非常简单：

〈SCRIPT LANGUAGE=”javascript”〉

〈!–

(``)

–〉

〈/SCRIPT〉

因为着是一段javascripts代码，所以它们应该放?lt;SCRIPT LANGUAGE=”javascript”〉标签和〈/script〉之间。〈!– 和 –〉是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。

(``) 用于控制弹出新的窗口，如果不与主窗口在同一路径下，前面应写明路径，绝对路径()和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。

这一段代码可以加入HTML的任意位置，〈head〉和〈/head〉之间可以，〈body

bgcolor=”#003063″ text=”#ffffff” id=all〉间〈/body〉也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。

【2、经过设置后的弹出窗口】

下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。

我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。

〈SCRIPT LANGUAGE=”javascript”〉

〈!–

(``, `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脚本开始；

弹出新窗口的命令；

`` 弹出窗口的文件名；

`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、用函数控制弹出窗口】

下面是一个完整的代码。

〈html〉

〈head〉

〈script LANGUAGE=”javascript”〉

〈!–

function openwin() { (“”, “newwindow”, “height=100, width=400,

toolbar=

no, menubar=no, scrollbars=no, resizable=no, location=no, status=no”)

//写成一行

}

//–〉

〈/script〉

〈/head〉

〈body onload=”openwin()”〉

…任意的页面内容…

〈/body〉

〈/html〉

这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。

怎么调用呢？

方法一：〈body onload=”openwin()”〉 浏览器读页面时弹出窗口；

方法二：〈body onunload=”openwin()”〉 浏览器离开页面时弹出窗口；

方法三：用一个连接调用：

〈a href=”#” onclick=”openwin()”〉打开一个窗口〈/a〉

注意：使用的“#”是虚连接。

方法四：用一个按钮调用：

〈input type=”button” onclick=”openwin()” value=”打开窗口”〉

14，没有用表格写的，让大家随便看看，没什么。

〈html〉

〈head〉

〈title〉江南荷花扇面〈/title〉

〈meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″〉

〈style type=”text/css”〉

〈!–

.font1 { font-size: 12px; color: #999999; text-decoration: none}

a { font-size: 12px; color: #999999; text-decoration: none}

a:hover { font-size: 12px; color: #000000; text-decoration: none}

–〉

〈/style〉

〈/head〉

〈body bgcolor=”#FFFFFF” text=”#000000″〉

〈div style=”writing-mode=tb-rl;height:200px” width=300〉

〈p〉盛夏 尚 涛

〈p〉〈a href=””〉一夜露痕黄粉香 袁运甫 〈/a〉

〈p〉瑶池昨夜新凉 王金岭

〈p〉一朵白莲随意开 吴冠南

〈p〉新雨迎秋欲满塘 齐辛民

〈p〉十里荷香 齐辛民

〈p〉濯清莲而不妖 卢世曙

〈/div〉

〈/body〉

〈/html〉

15,IE6已支持自定义cursor!

语法格式 cursor:url(图标) //cur或是ani文件.

cur就是WINDOWS中的光标(cursor)文件，光标文件与图标（ICON)文件除了文件头有一个位置的值不同外，实际是一样的。

ani是WINDOWS中的动画光标（图标）文件。

〈style type=”text/css”〉

〈!–

.unnamed1 { cursor:url()}

–〉

〈/style〉

16,用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=#000000 height=60 width=433

scrollamount=5〉〈/marquee〉

17，在FLASH5中也存在一些字体，打散后变成一团的事是为什么？有解决的办法吗。

这是大家很常见的问题！可能是对字库支持的不好！我个是做成透明的gif图片格式，然后倒入。

18，flash的网页里“加入收藏夹”功能怎么实现？

在as中加getUrl(“java script:orite(`,`网页教学网`)”)

19，在Flash中，文本的动态属性和输入属性的区别。

input text在运行时可被用户或程序改变其值。

ynamic text仅允许被程序修改。

20,怎样在IE中调用Dreamweaver进行编辑.

相信很多在使用WinME或Window2000的朋友，会遇见是个问题。很简单，把我们笔记本程序打开，保存为一个 *.reg 文件。双击它将信息添加到注册表即可。

REGEDIT4

[HKEY_CLASSES_nWithListDreamweaver]

[HKEY_CLASSES_nWithListDreamweavershell]

[HKEY_CLASSES_nWithListDreamweavershelledit]

[HKEY_CLASSES_nWithListDreamweavershelleditcommand]

@=”"c:Program FilesMacromediaDreamweaver ” “%1″”

21，设置表格虚线。

方法一：作一个1X2的图。半黑半白，再利用表格作成线。

方法二：在css里面设，要IE5。5才支持这种效果。

style=”BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED;

BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED”

22,看看在网页中调用HHCtrl控件效果。

代码如下：

〈object id=”HHC” type=”application/x-oleobject”

classid=”clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11″〉〈/object〉〈script〉

pup(“哈哈,大家好,我是闪梦!”,”",50,5,128255,346751);〈/script〉