● HTML 代码能使你的主页靓起来 - 荔园在线 | 深圳大学学生论坛,荔园晨风BBS,深大在线网站

荔园之美，在春之萌芽，在夏之绽放，在秋之收获，在冬之沉淀

发信人: poom (silence), 信区: Homepage
标  题: HTML 代码能使你的主页靓起来
发信站: BBS 荔园晨风站 (Sat Dec 30 08:28:56 2000), 转信

给你的主页上加点小HTML代码很可能会有不错的效果，并不难。
作者:周勇生本文点击次数：191
2000-03-18 把此文推荐给好友
　　说到制作主页大家一定会想到用Frontpage 98、Pageeditor 等专用制作软件，但
现在笔者要向大家介绍的是用修改HTML源代码的方法，来给主页添加点小技巧，给你网
上的“小家修饰修饰”。　下面笔者就把自己在做网页时的一些小技巧摘录如下，愿与
大家共同分享。
　　 1、如何使你的主页自动被搜索引擎收录
　　　你一定为了让你的网站名扬天下而去各个搜索引擎注册吧？在网上有很多机器人
，它们自动搜寻关键字，我们只要在我们的网站上设立这样的关键字，就有可能被它们
找到。
< head>
< meta http-equiv="keywords" content="yancheng,science,technolodgy,
information,network,politics,economic, charset=gb2312">
< /head>
其中CONTENT这个属性主要让你放置一些你主页里的关键词，而且这些关键词最好容易使
人想到。
  ２、如何给某个链接添加说明信息
　　有些主页，当你把鼠标指向某个链接后，在状态栏会出现该链接的具体说明信息，
是不是很方便呢？其实，我们只要在网页里的链接语句中加入以下的HTML代码，就可以
实现这个功能了！
< HTML>
< HEAD>< TITLE>举例说明< /TITLE>< /HEAD>
< BODY>
< A HREF="http://builder.chinabyte.com"
OnmouseOver="window.status=ChinaByte网络学院;return true;"
OnMouseOut="window.status=">< /a>
< /BODY>
< /HTML>
其中，OnmouseOver代表鼠标放在超链接上；OnMouseOut代表鼠标从超链接上移开；win
dow.status代表在状态栏上出现说明信息。
　　３、如何强制浏览器浏览信息时必须从服务器中读取
　　我们有时希望刷新时重新下载网页，而不是从缓存中读取旧的文件，为了解决这个
问题，你可以在你的网页的< head>部分中加入以下HTML源代码就可以了：
　　 < META HTTP-EQUIV="Pragma" CONTENT="no-cache">
　　４、如何在Frontpage 98里去掉超链接的下划线
　　在你刚开始编网页时，还记得在超链接的下划线吗？你有没有想过要把它去掉吗？
如果有这个念头，请把下列语句放在< head>...< /head>之间。
　　< style>
　　< !－－
　　td{font－size:12px; line－height=16px;}
　　body{font－size:12px; line－height=16px;}
　　 A:link {text－decoration: none; color: ″＃0000ff″}
　　 A:visited {text－decoration: none; color: ″＃ffffff″}
　　 A:active {text－decoration: none}
　　 A:hover {text－decoration: underline; color: ″＃009900″}
　　－－>
　　< /style>
   这里的< style>、< /style>是风格样式标签，作用是统一整个页面的风格。其中，
代码td和body用来控制表格中和不在表格中的文字表现形式。font－size定义了文字大
小，而line－height用于控制行距。以A开头的几句控制链接文字的风格：使其在链接、
正在被点击过程和点击后都呈现不同的样式，更主要的是消除了链接文字的下划线，效
果试试就知道啦。另外，在color后的颜色也可用black、blue、white限定词等来代替颜
色的16进制码，例如可写成color:blue的形式。
　　５、如何使主页中的自动换行适应不同的浏览器
　　有时我们会见过这样的主页，一行字老长老长，让您拉着滚动条走了好远好远，这
样是不是很麻烦，让人浏览起来感觉极不协调！能不能在Netscape让中文随着窗口的大
小或表格的大小而自动换行，象西文那样呢？其实很简单，只要在< head>和< /head>加
入以下html源代码内容,您就不用再痛苦的手动换行了.
< HTML>
< HEAD>
< META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=gb2312">
< TITLE>举例说明< /TITLE>
< /HEAD>
< BODY>< /BODY>
< /HTML>
　　６、如何使网页自动定时刷新
　　有时你需要使你的浏览器自动从一个已打开的页面跳到另一个页面，也许你想使你
的主页不断的刷新，这个要求可以添加如下HTML代码来实现，请在< head>和< /head>语
句中加入：
　　 < META HTTP-EQUIV="Refresh" content="10;url=你想访问的网址">
　　其中10代表当前网页完全下载完成10秒后自动连接到指定的URL，把URL去掉就表示
每隔10秒自动刷新一次主页。

　　７、如何提前下载图片
　　当你要访问一个内含有很多图片的网页时，通常访问速度很慢；但我们可以在打开
当前网页时提前下载下一页的图片，以便能够提高浏览速度。要实现这个效果，我们可
以在< body>……< /body>语句中加入以下一行：
　　 < img src="image.jpg" width=0 height=0>
　　其中image.jpg就是你想要提前下载的图象名。
　　８、如何开启新的窗口
　　有时我们点击一个链接的时候，希望该链接的内容不要覆盖原窗口的内容，而是出
现在另外新打开的窗口里，以下为实现的方法：
在< body>...< /body>语句中加入：
< A HREF="http://www.chinayancheng.net" target="resource window">< /a>

荔园在线首页友情链接：深圳大学深大招生荔园晨风BBS S-Term软件网络书店