当前位置导航:炫浪网>>网络学院>>网页制作>>HTML与CSS教程

HTML技巧集锦

链接控制

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

    返回主页:使用OnClick='top.location.href="../index.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"

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

在<title>...</title>中加入以下一行:
<meta http-equiv="refresh" content="10"; url="otherpage.htm">
其中10代表10秒后自动连接。


提前载入图片

    若要载入的图像过多时,可在前一页中提前载入下一页的图片。加入以下一行:
<img src="image.jpg?http://www.xvna.com" 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>


移动文字

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

相关内容
赞助商链接