HTML 技 巧 集

      Tip 2005-9-28 19:54
HTML 技巧

html.GIF (10205 字节)

技巧一:有些主页当你把鼠标指向某个连接后在状态栏会出现该连接的说明是不是很方便呢其实只要在连接语句中加入以下的紫色内容就可以实现了中间的藏经阁主页可以随便改呦试试看

<HTML>
<HEAD>
<TITLE>连接说明</TITLE>
</HEAD>
<BODY>
<A HREF="http://pcthf.yeah.net" OnmouseOver="window.status='藏经阁主页';return true;" OnMouseOut="window.status=' ';"></a>
</BODY>
</HTML>

技巧二:有些带FRAME的主页按下其中一个连接后经常在一个小小的窗口中又出现一个分栏的主页看起来是不是很不舒服其实只要在连接语句中加入以下的紫色内容就可以开启一个新的窗口来浏览连接内容是不是很方便试试看

<HTML>
<HEAD>
<TITLE>开启新窗</TITLE>
</HEAD>
<BODY>
<A HREF="pcthf.yeah.net" target="resource window"></a>
</BODY>
</HTML>

技巧三:不知您是否见过有些主页一行字老长老长让您拉着滚动条走了好远好远这样是不是很麻烦让人浏览起来感觉差极了能不能在Netscape让中文随着窗口的大小或表格的大小而自动换行象西文那样呢其实很简单只要在<head><title>加入以下紫色的内容,您就不用 再痛苦的手动换行了.

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=gb2312">
<TITLE>自动换行</TITLE>
</HEAD>
<BODY></BODY>
</HTML>

技巧四:有些站很有趣,它会在某一个时间内自动连结到其他首页,怎麽做到的呢?在<title>######</title>之後加入下面这一行即可!

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

紫色的地方请填入您要连到的首页!
那个
20代表二十秒後连到另一个首页!

技巧五:在frontpage98里如何去掉超链接的下划线?

A.把下面这段代码加入样式里面就行了。<style TYPE="text/css"><!-- A:link {text-decoration: none} A:visited {text-decoration: none}--></style>

B.用CSS技术(即Cascading Style Sheets 层叠样式表单)。

C.选择超链接-Style-Text-Decoration=none

技巧六在图形上显示文字

  对于在图形上显示文字,您也许立刻就会想到使用JAVA来实现这一功能。但这里,我要介绍给您的是直接用HTML实现这一功能的方法。Ha,您现在一定认为我是用层技术来实现但不是。

  其实我用来实现这一效果的方法非常的简单,使用表格,在表中键入文字,然后使用您希望的图形做为这个表格的背景文件。图形的大小需与表格相同。到此,您已经轻易的在图形上显示了文字。

1. 链接控制 返回前页:使用onClick="history.go(-1)",如 返回主页:使用onClick='top.location.href="../chinamail.html"',如 2. 链接提示 在链接语句中增加 onMouseOver="window.status='这里是 ...'; return true" onMouseOut="window.status=''; return true" 如: 去哪儿? (在点击链接前注意看状态行显示的变化) 3. 背景音乐 显示操作面板:在相应地方加 不显示操作面板:在页中任意地方加 4. 设置主页的缺省字符语言为简体中文(适用于Netscape) 在HTML文件的Head部分中加入 5. 链接的不同方式 在帧里显示:在链接处加target="main"语句,其中main为帧名 整页显示:在链接处加target="_top"语句 开新窗口:在链接处加target="resource window"语句,如 6. 强制主页每次都不进行缓存,而从服务器上重读 在Head部分加 8. 自动刷新 定时刷新: 幻灯片效果:语句类似上面,但在页面1中URL指向页面2,而页面2指向页面3 ... 页面n指回页面1,即可实现循环显示页面的效果
标签集:TAGS:
回复Comments() 点击Count()

回复Comments

{commenttime}{commentauthor}

{CommentUrl}
{commentcontent}