0.如何制作1像素细线表格
在table 里加上如下css样式 style="border-collapse:collapse;"
1. 链接控制
返回前页:使用onClick="history.go(-1)",如
返回主页:使用onClick='top.location.href="../chinamail.html"',如
2. 链接提示
在链接语句中增加
onMouseOver="window.status='这里是 ...'; return true" onMouseOut="window.status=''; return true"
如: 去哪儿? (在点击链接前注意看状态行显示的变化)
3. 背景音乐
显示操作面板:在相应地方加<embed src="aladdin.mid" width="140" height="35" autostart=true controls="middleconsole">
不显示操作面板:在页中任意地方加<embed src="aladdin.mid" hidden=true autostart=true loop=true>
或<embed src="tt.ram" autostart="true" loop="2" width="80" height="30">
对于不支持embed 标签的浏览器,可以改用标签。
4. 设置主页的缺省字符语言为简体中文(适用于Netscape)
在HTML文件的Head部分中加入<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=cn-gb">
5. 链接的不同方式
在帧里显示:在链接处加target="main"语句,其中main为帧名
整页显示:在链接处加target="_top"语句
开新窗口:在链接处加target="resource window"语句,如<A HREF="index.htm" TARGET="resource window"></A>
6. 强制主页每次都不进行缓存,而从服务器上重读
在Head部分加
<MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache">
这样一来,浏览器将不考虑cacke中的内容而强制重新读入您的页面,等于用户使用Reload。
如果在您有计数器的页中使用,不管从什么地方返回这页
计数器都能加一。不过可能造成用户的反感。
如果在BBS程序中使用,可以实现不用Reload就可更新页的功能。
7. 自动刷新
定时刷新:<META HTTP-EQUIV="Refresh" content="10; URL=http://自己的URL">
幻灯片效果:语句类似上面,但在页面1中URL指向页面2,而页面2指向页面3 ...
页面n指回页面1,即可实现循环显示页面的效果
8.提前载入图片
如果您的站点中后面的页有大图形需要显示,您不妨在第一页中提前载入。把语句:
<img src="image.jpg" width=0 height=0> ,其中width,height要设置为0, 放在第一页HTML中的任何地方。
如果您的访问者在第一页停留的时间足够长,当他进入第二页时,图象会立即显示出来
9. 自动连接
在预定时间后自动连入另一个指定的页面。
方法:
在<title>...</title>中加入以下一行:
<meta http-equiv="refresh" content="10"; url="otherpage.htm">
其中10代表10秒后自动连接。
10. 自动换行:
在主页中自动换行以适应不同的浏览器或分辨率。
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
11. 用单像素的GIF文件控控制文本位置
要想准确的控制HTML中的文本位置,可以做一个1*1的透明图(如Blank.gif)。然后在HTML中加入代码:
<img src="Blank.gif" hspace=100>
改变数字100,即可控制
12. 容器标记
<BLOCKQUOTE></BLOCKQUOTE>标记可以把网页上所有的对象都包括起来,但不能对它加入变量。
13.设定图形大小
为使您的Web页在图形下载完之前,能够立即显示文字内容。
在您的主页中的图形元素中加入文件大小变量:
<img src="image.jpg" width=xxxx height=yyy>
xxx,yyy是您的图形的真实像素
14. 移动文字
这在主页上是常用的,其制作方法很简单。
<marquee>要移动的文字</marquee>
1.移动 的方向:<direction=!> !=left, right
2.移动的方式:<bihavior=!> !=scroll ,side,alternate
3.循环次数:<loop=!> !=次数。若未指定则循环不止。
4 循环速度:<scrollamount=!> !=数
15.如何去掉主页超链接的下划线?
把下列语句放在<head>...</head>之间
<style>
A {text-decoration: none}
}
</style>
<script language="javascript">
var contents = true;
</script>
更简单的是
<style>
<!--
a {text-decoration:none}
a:hover {color: red;text-decoration:underline}
-->
</style>
16. 浮动背景(背景图像不滚动 )
当你拉住下拉条时,背景不动。(会使浏览速度减慢。:-( )加入:
<body backgroud="#ffff" bgproperties="fixed">
或用CSS样式表定义:
<style type="text/css">
<!--
body { background-image: url(image/bg.gif); background-attachment: fixed}
-->
</style>
17. 让背景图像不平铺
CSS样式表定义:
<style type="text/css">
<!--
body { background-image: url(image/bg.gif); background-repeat: no-repeat}
-->
</style>
18. 测试浏览器类别并自动装入不同的网页
目前微软和网景的浏览器并不能完全兼容所有网页,有的在某种浏览器里非常漂亮,而用其它浏览器查看时却一团糟。如果你需要测试浏览器,可以加入以下JavaScript代码并保存单独一个网页: