PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> HTML >> 

网页制作之HTML应用技巧

网页制作之HTML应用技巧

来源:互联网  作者:未知  发布时间:2007-12-13
0.如何制作1像素细线表格 在table 里加上如下css样式 style=border-collapse:collapse; 1. 链接控制 返回前页:使用onClick=history.go(-1),如 返回主页:使用onClick='top.location.href=../chinamail.html',如 2. 链接提示 在链接语句中增加 onMouseOver=window.st

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代码并保存单独一个网页:

Tags: 应用技巧   链接   窗口   设置   html   技巧   网页   应用  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号