html技巧100例_建站学-个人建站指南,网页制作,网站设计,网站制作教程

本文介绍100个html技巧，很实用的老教程，本站做了部分修改整理，奉献给大家！

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>

</style>

16. 浮动背景（背景图像不滚动）

当你拉住下拉条时，背景不动。（会使浏览速度减慢。:-( ）加入：
<body backgroud="#ffff" bgproperties="fixed">

或用CSS样式表定义：
<style type="text/css">

</style>

17. 让背景图像不平铺
　CSS样式表定义：
<style type="text/css">

</style>

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

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

19. 定义本网页的关键字

在网页中加入关键字，可以供某些搜索站台机器人的使用，它们会利用该关键字为你的网站做索引，这样，当别人用关键字搜索网站时，如果你的网页包含该关键字，那么就可以被列出了，定义本网页关键字，可以加入以下代码：
<meta name="keywords" content="html,dreamweaver,flash,css">
　 content 所包含的就是关键字，你可以自行设置。
　这里有个技巧，你可以重复某一个单词，这样可以提高自己网站的排行位置，如:
<meta name="keywords" content="dreamweaver,dreamweaver,dreamweaver">

20. 在网页中加入E-mail链接并显示预定的主题

21. 隐藏在状态栏里出现的链接信息

当指向一个链接时，该链接的信息会出现在浏览器状态栏里，如果需要隐藏信息，可以如下设置：
<a href="http://www.jzxue.com" onMouseOver="window.status='none';return true">test</a>
　　如果想要指向一个链接时，浏览器状态栏里出现特定的信息，把none 改成你需要的文字即可。

22. 在网页中将表单提交给自已的电子邮箱

表单提交需要CGI程序的支持，但你也可以利用E-mail 提交，当你设计好表单后，把action 内容加入邮件地址即可，如下：
<form method="post" action="mailto:longchina@jzxue.com" enctype="text/plain">

23. 隐藏免费计数器的的图标

许多网友使用免费计数器，它能帮助你分析网站的流量，如果你想隐藏该服务图标，可以把服务代码中的width=88 height=31都改为1即可。

24. 在网页中加入最后修改日期

在body 中加入以下代码即可：
<script Language="JavaScript">
document.write
("最后修改日期" + document.lastModified);
</Script>

25. 打开一个新的浏览器窗口并设置窗口的属性

如果你需要在载入站点的同时,再打开另一个新窗口,加入以下代码即可:

期中pop.htm可以设置为你的htm文件,对于设置新窗口的属性,对照以下设置:

popup = window.open('', 'popupnav', 'width=200,height=170,resizable=1,scrollbars=auto');

width:宽,height:高,resizable:是否允许访客缩放新窗口,scrollbars:如果文本超过一屏,是否生成滚动条,status:是否显示状态栏,menubar:是否显示菜单,location:是否显示地址栏.

以上所有属性使用格式为:属性=yes或者no.而width和height两个属性为:width=#pixels,height=#pixels.

26.怎样判断服务器使用的操作系统?

在浏览器地址栏里,输入要察看的服务器地址,一定要包含目录和文档名字,然后回车,出现请求页面,试着把文档名改为大写格式,如果返回该页面不存在,那么可能该服务器使用的操作系统为unix或macintosh,如果页面内容返回,那么可能该服务器为windwos操作系统,因为windows对大小写不敏感.

27. 怎样提高站点在搜索引擎中被搜索到的机会?

当你把自己站点登记到搜索引擎中后,并不表示你的站点就会被经常搜索到,如何提高这个几率呢,很简单,你的主页一般会有一个标题,一般设置在<title></title>中间,这时,你可以在设置完标题后,跟着把关键字也设置在这里,比如:
<title>宇风多媒体-china,love,dhtml,yufeng21,yahoo</title>.因为搜索引擎会首先察看站点的标题,并把标题作为你站点的关键字,当你把关键字也设置在了标题中后,搜索引擎也会加入这些关键字,这比其它所有的方法都好,唯一缺点,你站点标题变长了.

28. 如何测试网站的下载速度?

准备一个能读秒的表,比如跑步表,这样精度高些,当然也可以使用普通的表.

首先我们测试纯文本的下载时间,打开浏览器,关闭下载图片功能,然后连接上网,在地址栏输入站点地址,回车后,计时开始,当全部文本内容下载完后,停止计时.

如果你要测试整个站点下载速度,打开图片下载功能,如果你站点含有JavaScript,也要在浏览器选择为支持,同上,打入地址,回车,计时开始,当所有内容下载完后,停止计时.

经过以上两种测试,你就会对自己站点的连接下载速度,作到心中有数了.

29. 如何让站点自动跳转到另一页?

加入以下代码到HTML文件中即可：
<meta http-equiv="refresh" content="5;url=http://www.jzxue.com/index.htm">
　　content中的"5"为停留的秒数，http://www.jzxue.com/index.htm 是将要跳转的页面。

30.怎样让广告随机出现?

当你想展示许多广告,但页面空间不够时,你可以让广告随机出现,你只需要加入一段代码.网上有这样的代码，搜索……

31. 如何知道我的站点连接出现的地方？

site:www.你的域名.com
就看到了你的网站一共被面度收录了多少页.

考虑到外部连接.就是说从其他网站连接到你的网站,这样查.
在百度搜索输入 link:www.你的域名.com

32. 如何避免自己的图片被其它站点利用?

为图片起一个很怪的名字,这样可以避免被搜索到,还可以利用photoshop的水印功能加密.当然,你也可以在自己的图片上加上一段版权文字,比如标明自己的名字-longchina.因为文字体来就在图片上,除非使用人截取图片.不然就是侵权了.

33. 如何不利用表格而准确的分隔图片和文字?
在页面中想要分隔图片和文字,利用表格是非常好的方法,你还可以制做一个透明的gif图形,因为图形是透明的,你就可以拿来分隔图片和文字了,当然要注意透明图的大小.

34. 如何跳到页面的顶部?

当浏览者浏览到页面底部后，你需要提供一个单击，让浏览者方便的跳到页面顶部，加入以下代码：
<a href="#top">返回顶部</a>

35. 有什么简单的方法编写Cookie?

cookie 是信息小甜饼，记录着浏览者的信息，你可以利用meta 标签编写最简单的cookie 并加入到页面中：
<meta http-equiv="Set-Cookie" content="MyVar=你的页面过期了;expires=Thursday,15-4-99 00:00 GMT+8:00; PATH=/">

36.如何在一个站点不同页面间播放同一种声文件?

大家有这样的经验，当你访问一个站点首页时，会听到该页设置的背景声音文件，比如一段音乐。当你链接到该站点另一页时，音乐就停止了。如何让声音不断呢。其实，你只需要建立一个上下框架结构的网页，把声音文件建立在下框架里，并把下框架的宽度设置为一个像素，而上框架里是页面内容，当访问者离开站点首页时，因下框架内容未变，所以，声音不会间断。大家还要注意两点，第一，把框架的边框设置为0；第二，隐藏声音文件的播放界面，然后把上下两个框架的背景设置为相同。

37.如何让访问者能更多的单击付费旗帜广告?

拥有个人站点的网友都会去申请一些付费的广告，以得到一些网费补助。但很可惜，即使你经常请求访问者为了支持本站建设，请单击旗帜广告。遗憾的结果是，还是很少有人单击。要想让访问者能更多单击你的旗帜广告，有两种方法：

第一种：强化印象

让那个旗帜广告一直出现在访问者面前，让他不得不好奇的单击一下。你可以建立一个上下框架的页面，把旗帜广告放置在任意一个框架里。这样，只要访问者不离开你的站点，旗帜广告会一直出现在他们的面前。还要提醒你，不要在广告下面写上“为了本站发展，请单击广告”，你要让访问者知道这个广告会带给他们某种信息，而不是为了你才单击。第二种：有代价的单击

如果你拥有某种十分吸引人的信息，而你想在不收费的情况下，得到某种利益(请允许这样说)，你可以让访问者必需单击旗帜广告，才能获得信息。

38.如何在NN4和IE4浏览器中浏览相同效果的字体?

我们制作页面时，利用IE4浏览器浏览时，一切很正常。但用NN4浏览时，发行细体字变成了粗体字了。这是因为，当你页面包含一段粗体字时，此时你复制了一段文本到该粗体字的周围，你会发现复制的文本也变成了粗体字，当然此时也可以再把它设置为你想要的字体大小，如果这样做了，我上面说的情况就会出现。你需要复制文本到页面空白处，这样文本不具有任何属性，然后拖动文本到合适的地方进行你需要的文本字体设置。这种情况多出现在利用FrontPage98编写网页。

39.如何让提交表单后打开一个新窗口显示提交结果?

如果你的站点上有邮件列表服务，每当访问者订阅并按下订阅按钮后。因为邮件列表需要订阅确定，而这种服务多为第三方提供的，所以订阅确定页会连接到服务商的页面。这样有时会照成访问者离开了站点。你可以按下面的代码设置，让访问者单击了订阅按钮后，会打开一个新的窗口显示订阅确定。

其中在你的代码中加入：target="a"

40. 如何防止页面源代码被复制?

如果你的页面包含一个自行设计的JavaScript小程序，如何防止它被别人复制使用呢。其实你不可能完全阻止他人引用，但你可以采用适当的方法尽量维护自己的权益：

第二.工具加密

你也可以利用工具软件加密源代码。我以前用过 Web Protector 2.0，觉得还不错。

41. 如何清除页面中的框架结构?

在链接属性中加入target="_top" 如下设置：
<a href="http://www.jzxue.com" target="_top">宇风多媒体</a>
当你单击了这个链接，页面所有框架被清除并以该链接内容替代。

42. 如何防止站点页面被任意链接?

有许多好站点的页面被其它站点任意链接，如果你不希望别人直接链接到站点内部去，你可以经常更换页面文件名。比如每十天改一次，这样可以有效防止别人的任意链接。缺点是让直接访问着无所适从。

43. 如何创建一个下拉菜单?

我们在主页中常会用到下拉菜单，一般来说，它需要CGI程序支持。你也可以利用JavaScript编写一个。

<head>
<script LANGUAGE="JavaScript">function formHandler(){var URL = document.form.site.options[document.form.site.selectedIndex]
.value;window.location.href = URL;}
</script>
</head>
<body>
<form name="form"><select NAME="site" SIZE="1" onChange="formHandler()"><option value="请选择">请选择</option>＜option value="http://www.jzxue.com/"＞分栏内容＜/option><option value="http://www.jzxue.com/">分栏内容</option><option value="http://www.jzxue.com/">分栏内容</option＞＜option value="mailto:longchina@163.net">给我写信</option></select></form>
</body>

(责任编辑：admin)

搜索

热门标签:

html技巧100例