HTML的制作技巧


 

链接控制

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

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

 

链接提示

在链接语句中增加

OnMouseOver="window.status='这里是 ...'; return true" OnMouseOut="window.status=''; return true"

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

 

背景音乐

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

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

 

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

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

 

链接的不同方式

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

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

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

 

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

在Head部分加<MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache">

 

自动刷新

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

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

 

自动连接

在预定时间后自动连入另一个指定的页面。

方法:

在<title>...</title>中加入以下一行:

<meta http-equiv="refresh" content="10"; url="otherpage.htm">

其中10代表10秒后自动连接。

 

提前载入图片

若要载入的图像过多时,可在前一页中提

前载入下一页的图片。加入以下一行:

<img src="image.jpg" width=0 height=0>

 

浮动背景

当你拉住下拉条时,背景不动。

(会使浏览速度减慢。:-(    )

加入:

<body backgroud="#ffff" bgproperties="fixed">

 

如何去掉主页超链接的下划线?

把下列语句放在<head>...</head>之间

<style>
B {font-weight: 700;
}
P {padding: 5px 0px;
margin: 0px;
font-family: 宋体,黑体,宋体;
}

A {text-decoration: none}
TD { font-family: 宋体,黑体,宋体;
}
</style>
<script language="javascript">
var contents = true;
</script>

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

 

开启新窗

有些带FRAME的主页,经常在连接分页时出现一个小小的窗口。

以下为制作方法:

在<body>...</body>中加入:

<a href="http://seed.yeah.net" target="resource window"></a>

 

 

自动换行:

在主页中自动换行以适应不同的浏览器或分辨率。

(在front page98中已自动加入)

 

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

移动文字

这在主页上是常用的,其制作方法很简单。

<marquee>要移动的文字</marquee>

1.移动 的方向:<direction=!> !=left, right

2.移动的方式:<bihavior=!>  !=scroll ,side,alternate

3.循环次数:<loop=!>  !=次数。若未指定则循环不止。

4 循环速度:<scrollamount=!>  !=数字

你好! 你好!