RSS订阅
PHP程序员站--WWW.PHPERZ.COM  
网站地图
高级搜索
收藏本站

 当前位置:主页 >> 网页制作 >> HTML >> 文章内容
网页制作之HTML应用技巧
[收藏此页[打印本页]   
来源:互联网  作者:未知  发布时间:2007-12-13

0.如何制作1像素细线表格

 在table 里加上如下css样式 style="border-collapse:collapse;"

www~phperz~.com

1. 链接控制

PHP程序员站

返回前页:使用onClick="history.go(-1)",如

www.phperz.com

返回主页:使用onClick='top.location.href="../chinamail.html"',如

PHP程序员站

2. 链接提示

www phperz com

在链接语句中增加

PHP程序员站

onMouseOver="window.status='这里是 ...'; return true" onMouseOut="window.status=''; return true" PHP程序员站--PHP程序员之家

如: 去哪儿? (在点击链接前注意看状态行显示的变化)

www.phperz.com

3. 背景音乐 phperz.com

显示操作面板:在相应地方加<embed src="aladdin.mid" width="140" height="35" autostart=true controls="middleconsole">

PHP程序员站

不显示操作面板:在页中任意地方加<embed src="aladdin.mid" hidden=true autostart=true loop=true>

www~phperz~.com

或<embed src="tt.ram" autostart="true" loop="2" width="80" height="30">

PHP程序员站

对于不支持embed 标签的浏览器,可以改用标签。

www phperz com

4. 设置主页的缺省字符语言为简体中文(适用于Netscape)

www phperz com

在HTML文件的Head部分中加入<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=cn-gb"> PHP程序员站

5. 链接的不同方式

www phperz com

在帧里显示:在链接处加target="main"语句,其中main为帧名

PHP程序员站

整页显示:在链接处加target="_top"语句

www.phperz.com

开新窗口:在链接处加target="resource window"语句,如<A HREF="index.htm" TARGET="resource window"></A> PHP程序员站

6. 强制主页每次都不进行缓存,而从服务器上重读 phperz.com

在Head部分加
<MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache"> PHP程序员站--PHP程序员之家

这样一来,浏览器将不考虑cacke中的内容而强制重新读入您的页面,等于用户使用Reload。

phperz.com

如果在您有计数器的页中使用,不管从什么地方返回这页
计数器都能加一。不过可能造成用户的反感。 PHP程序员站

如果在BBS程序中使用,可以实现不用Reload就可更新页的功能。 www~phperz~.com

7. 自动刷新

www~phperz~.com

定时刷新:<META HTTP-EQUIV="Refresh" content="10; URL=http://自己的URL"> PHP程序员站

幻灯片效果:语句类似上面,但在页面1中URL指向页面2,而页面2指向页面3 ...
页面n指回页面1,即可实现循环显示页面的效果

www.phperz.com

8.提前载入图片

PHP程序员站

如果您的站点中后面的页有大图形需要显示,您不妨在第一页中提前载入。把语句:
<img src="image.jpg" width=0 height=0> ,其中width,height要设置为0, 放在第一页HTML中的任何地方。

PHP程序员站

如果您的访问者在第一页停留的时间足够长,当他进入第二页时,图象会立即显示出来

PHP程序员站

9. 自动连接 www~phperz~.com

在预定时间后自动连入另一个指定的页面。
方法:
在<title>...</title>中加入以下一行:
<meta http-equiv="refresh" content="10"; url="otherpage.htm">
其中10代表10秒后自动连接。

phperz.com

10. 自动换行:

www~phperz~.com

在主页中自动换行以适应不同的浏览器或分辨率。
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> phperz.com

11. 用单像素的GIF文件控控制文本位置 PHP程序员站--PHP程序员之家

要想准确的控制HTML中的文本位置,可以做一个1*1的透明图(如Blank.gif)。然后在HTML中加入代码:
<img src="Blank.gif" hspace=100>
改变数字100,即可控制 PHP程序员站

12. 容器标记 www phperz com

<BLOCKQUOTE></BLOCKQUOTE>标记可以把网页上所有的对象都包括起来,但不能对它加入变量。

PHP程序员站--PHP程序员之家

13.设定图形大小 PHP程序员站

为使您的Web页在图形下载完之前,能够立即显示文字内容。
在您的主页中的图形元素中加入文件大小变量:
<img src="image.jpg" width=xxxx height=yyy>
xxx,yyy是您的图形的真实像素 PHP程序员站

14. 移动文字 phperz.com

这在主页上是常用的,其制作方法很简单。
<marquee>要移动的文字</marquee>
1.移动 的方向:<direction=!> !=left, right
2.移动的方式:<bihavior=!> !=scroll ,side,alternate
3.循环次数:<loop=!> !=次数。若未指定则循环不止。
4 循环速度:<scrollamount=!> !=数

PHP程序员站

15.如何去掉主页超链接的下划线? PHP程序员站

把下列语句放在<head>...</head>之间
<style>
A {text-decoration: none}
}
</style>
<script language="javascript">
var contents = true;
</script>

PHP程序员站

更简单的是
<style>
<!--
a {text-decoration:none}
a:hover {color: red;text-decoration:underline}
-->
</style>

www phperz com

16. 浮动背景(背景图像不滚动 )

PHP程序员站

当你拉住下拉条时,背景不动。(会使浏览速度减慢。:-( )加入:
<body backgroud="#ffff" bgproperties="fixed"> www.phperz.com

或用CSS样式表定义:
<style type="text/css">
<!--
body { background-image: url(image/bg.gif); background-attachment: fixed}
-->
</style>

PHP程序员站--PHP程序员之家

17. 让背景图像不平铺
 CSS样式表定义:
<style type="text/css">
<!--
body { background-image: url(image/bg.gif); background-repeat: no-repeat}
-->
</style> www phperz com

18. 测试浏览器类别并自动装入不同的网页

PHP程序员站--PHP程序员之家

目前微软和网景的浏览器并不能完全兼容所有网页,有的在某种浏览器里非常漂亮,而用其它浏览器查看时却一团糟。如果你需要测试浏览器,可以加入以下JavaScript代码并保存单独一个网页:

PHP程序员站--PHP程序员之家


 上一篇:五日精通CSS层叠样式表之第三日(8)   下一篇:HTML语言编程技巧之会移动的文字
 
 相关文章
 
发表评论
全部评论(0条)
 
 站内搜索
 热门搜索 mysql  基础  php基础  url
高级搜索 网站地图 站长工具 IP查询 收藏本站
 热点文章
 随机推荐
网站首页 | 网站地图 | 高级搜索 | RSS订阅
PHP程序员站 Copyright © 2007,PHPERZ.COM All Rights Reserved 粤ICP备07503606号 联系站长