HTML技巧100例(三)

来源：互联网发布：阿里云邮件编辑：程序博客网时间：2024/04/30 20:36

61. 制作动态页面的步骤是怎样的?

第一步：设计页面及寻找页面需要的材料；

第二步：完成普通页面的制作，此时无须涉及动态主页内容；

第三步：为页面文字增加层叠样式表，以改变文字颜色，链接等；

第四步：为页面增加交互性内容，如cgi,javascirpt,activeX控件等，这是把页面动态的关键；

第五步：测试动态页面以适应更多浏览器；

第六步：发布动态页面并在上面标明该页是动态页面(dhtml)。

62. 如何让访问者单击加入站点书签?

总希望访问者能能把你的站点，加入到他们的书签里，这里有个好办法：

在<HEAD></HEAD>部分加入：

function addbookmark()

{window.external.AddFavorite("http://www.yy0736.com","夜鹰在线");}

//-->
</script>

然后在<BODY></BODY>部分加入：

63. 是否可以利用大写体来书写HTML标签元素?

对于大多数HTML标签元素,你可以利用大写体或小写体及两者的混合体来书写标签元素。比如：

<html></html>和<HTML></HTML>同等有效。但如果是特殊字符的标签元素，你只能使用小写体。比如版权的字符的标签元素是：©　显示©，如果写成&COPY;，那么页面将完全显示©。

64. 如何在页面利用单击来关闭浏览窗口?

在<BODY></BODY>部分加入以下代码：

65.如何为页面设置访问口令?

有时候你需要为某一页设置密码，以让合适的人进来。在＜head＞＜/head＞部分加入：

在以上代码中,"bullbat"就是正确的密码。"flash.htm"是当输入正确密码后链接的页面。这种设置口令的方法并不安全，因为只要访问者查看页面源代码就能知道设置的密码了。

66.如何为访问者设置正确的软件下载链接?

与其它链接一样，都使用<a></a>标签。但对于软件下载链接，你需要这样设置：

<a href="wbzx.zip">下载wbzx.zip (188kb)</a>

67. 如何删除图片链接的蓝色边框?

如果我们设置了图片为一个链接，会发现图片四周出现了蓝色边框。要删除边框，需要在图片标签里加上border="0"。如：<img src="dog.jpg" border="0">

68. 如何为链接提供一个按钮?

</form>

69.如何知道站点的流量来至那里?

如果你拥有站点服务器的管理权，那么这是个很简单的问题，查查服务器日志就可以了。但目前你没有那权力，不过可以由第三方提供流量数据。易数是个不错的选择，链接到站点http://best.netease.com/申请，然后把代码加入到页面即可。当你想知道流量时，单击易数图标，在统计页面中，单击分析即可。

70.如何让浏览器正确显示word文件格式?

为了正确处理word等格式，你需要在HTML文件中设置好该文件类型，比如：

还有其它经常设置的文件类型：

Application/msword Microsoft Word Document application/pdf PDF Documentapplication/wordperfect6.0 WordPerfect 6.0 Documentapplication/zip ZIP archiveaudio/x-wav WAV audio formataudio/midi MIDI audio formataudio/x-pn-realaudio RealAudioimage/gif GIF image formatimage/jpeg JPEG image formatimage/png PNG image formattext/html HTML documenttext/plain Plain textvideo/mpeg MPEG video formatvideo/quicktime QuickTime video formatvideo/x-msvideo AVI video format

71.如何知道自己的图片被其它网站使用?

如果你为自己站点的图片起了一个独特的名字，也就是不容易重名，比如tt124.jpg.那么链接到站点：http://www.altavista.com/，在搜索栏里输入tt124.jpg.然后开始查找，如果有站点采用了tt124.jpg图片，该站点就会被列出。AltaVista搜索引擎是一个以机器人搜寻为主的站点，它的机器人会不停地把整个网络的页面作上索引，所以，你可以在那里找到和你相关的任何东西，把你的名字的拼音输输入看看，找到什么啦。 72.如何缩进文本段落?

在<head></head>部分加入：

P { text-indent: 1% }

P标签为HTML文本段落的标签，1%为缩进的范围。

72. 如何正确使用分隔线?

如果你使用FrongPage98，这里我再假设你需要分隔页面左右两部分内容，先利用表格工具拖出三个横行表格，把内容分别放置到左右两个单元，然后把中间的单元的宽度设置为1个Pixels,并填入所需要的颜色。你还需要把所有表格及单元的大小单位都设置为Pixels即可。

73.为什么有的站点下载很慢?

因为网页用了过多的图片，为了追求COOL的效果用了大量的Java Applet，过多使用<TABLE>，这些都是不可取的。对于图片必须要用的压缩再用，对于Java Applet绝对不用，它会让机器配置低的访问者的硬盘狂读不止。对于需要的动态页面，可利用CSS和JavaScript实现。

74. 如何让字体显示的更舒服?

这需要利用到CSS(层叠样式表)，目前约定俗成的字体是：{ font-family:宋体(GB); font-size: 9pt; line-height: 16px }，把这段代码加入到<head></head>之间。如：

<head>
<style>
</style>
</head>
<body><p class="font">计算机世界报<br>网页制作常见问题解答</p>
</body>

font-family:宋体(GB)是设置的字体；font-size: 9pt是字体的大小；line-height: 16px是文本行的上下间隔。

75. 如何让网页兼容IE和NN两种浏览器?

完全的兼容是不可能的。目前IE浏览器占有量大大超过NN浏览器，所以你只需要兼容IE浏览器即可。当然你也可以制作两套网页，利用JavaScript来检测不同浏览器以装入相应网页。

76. 如何正确使用字体?

设置文本字体是网页制作中很重要的的环节，但因为并不是每一位访问者都有你设置的字体，所以尽量使用操作系统默认的字体宋体，黑体，楷体。对于其它类型字体可以用图形方式实现。 78.如何制作繁体版本网页?

如果你使用E-Port的网页作坊工具制作页面，那就可以利用工具菜单下的GB转BIG5来把简体网页变成繁体网页。如果你用其它工具也可以利用网页作坊的GB转BIG5来制作繁体网页，利用网页作坊打开页面，点选工具菜单下的GB转BIG5转换网页并保存。要注意的是，你需要把原<meta http-equiv="Content-Type" content="text/html; charset=gb2312">中的charset=gb2312改为charset=big5，这样，访问者的浏览器就会自动识别了。(E-Port的网页作坊下载地址：http://e-port.soim.net/)

77. 利用水平线(HR)制作垂直线?

插入HR很简单：<hr size="1">。如何让它垂直呢，更简单：<hr size="100" width="1">

78. 与其它站点交换连接需要什么?

当然，你首先要有一个个人站点，然后准备好两个站点LOGO。一般来说，400x40和88x31两种LOGO是必需的，其它也可以准备一个100x31的LOGO。400x40的LOGO用于象网盟这样的广告交换站点，88x31和100x31用于个人站点之间的交换。

79. 如何让下拉式菜单中的链接来打开一个新的窗口?

先把下拉式菜单设置好，如：

然后把<select name="D1" size="1">改为

<select onChange="javascript:window.open(this.options[this.selectedIndex].value)">即可。

80. 如何正确对齐文本？

有时，我们需要对一段文本的左右，上下的边距(指文本至浏览器的距离)加以指定以使文本正确对齐，CSS(层叠样式表)提供这样的功能：

在<head></head>中加入

.tt为类名，以便你在HTML标签中应有。而在{ }中的属性及指分别为边距左，右，上，下的距离。当它们的边距都相等时比如都是60px，可以简写为：.tt { margin: 60px }.

当在文本中引用了该CSS，你会发现文本对的非常整齐。

81.如何正确使用图片格式?

目前在网络上的图片准标准格式为JPG和GIF。当图片颜色数很多时，就选择JPG，它的压缩比高，而GIF适合颜色数少的图片。

82. 如何在网页上显示访问者系统信息?

把以下代码加入到<Body></Body>:
<script Language="JavaScript">
document.write(navigator.appVersion)
</script>

83. 如何正确放置JavaScript?

JavaScript为动态主页的实现工具，一般来说JavaScript放置于<head></head>或者<body></body>之间。对于放置在<body></body>之间的JavaScript，你需要把它放置在适当位置。如果你用FrontPage98工具，先把光标移到想放置JavaScript的地方，然后选择Insert/Advanced/script，在打开的文本框中输入JavaScript，这样就放置好了。预览页面，JavaScript出现在你放置的地方。你也可以把JavaScript放置到表格中，这样可以精确定位。

84. 个人站点需要那些交互功能?

交互是网络的魅力所在，作为个人站点也需要这些交互性的工具，以便和访问者随时进行沟通。以下是目前个人站点必备的交互工具：

留言板-让访问者给你的站点提提意见;
论坛-讨论某一个特定主题的地方，它和留言板的区别是留言板可以包含任何内容;
调查表单-利用个人站点，你可以对某一问题进行调查，然后看看各意见的支持率;
订阅表单-通过邮件给订阅者提供站点的更新信息;

聊天室-一个即时的对话场所，特别可以对一个特定主题组办一个网络讨论;

搜索引擎-当站点内容过多时，搜索引擎可以让访问者快速找到想看的内容;

85. 如何点击一个链接同时在两个frame 内变化?

对于一个由topFrame、leftFrame、mainFrame 构成的页面，如果想在leftFrame 中点击链接，同时在其他两个frame 内变化，代码如下：
<a href="x1.htm" onclick="parent.topFrame.location.href=''x2.htm''" target="mainframe">
90.前进、后退和刷新
<a href="javascript:history.back()">后退</a>
<a href="javascript:history.go()">前进</a>
<a href="javascript:location.reload()">刷新</a>

86. 打印按钮
<form>
<input name="Print" onClick="window.print();
return false" type="button" value="Print">
</form>

87. 查看源码按钮

88. 如何去掉页面滚动条?

在body 中加入样式表控制，代码如下：
<body bgcolor="#000000" leftmargin="0" topmargin="0"
style="overflow-x: hidden; overflow-y: hidden; width: 100%">

89.如何在Dreamweaver 插入空格？

在FrontPage 中，插入空格只需要在选定的文本前按下键盘空格键就可以了，但在Dreamweaver 中不行。空格的标签是可以开启HTML Source 视窗直接加入标签，也可以在指定的文本前，按下Ctrl+Shift+Space。

90. 如何在DW中设置Flash 动画的背景透明？

在SWF文件的属性面板中，点parameters，添加参数wmode，值选择transparent；
或者直接修改网页的代码，在标志SWF文件属性的代码中添加：
<param name="wmode" value="transparent">

91. 如何正确使用分隔线?

这里我再假设你需要分隔页面左右两部分内容，先利用表格工具拖出三个横行表格，把内容分别放置到左右两个单元，然后把中间的单元的宽度设置为1个pixels(像素)，并填入所需要的颜色。你还需要把所有表格及单元的大小单位都设置为pixels 即可。

92. 如何让浏览器正确显示word 文件格式?

为了正确处理word 等格式，你需要在HTML文件中设置好该文件类型，比如：
<meta http-equiv="Content-Type" content="application/msword"> 还有其它经常设置的文件类型：

application/msword Microsoft Word Document
application/pdf PDF Document
application/wordperfect6.0 WordPerfect 6.0 Document
application/zip ZIP archive
audio/x-wav WAV audio format
audio/midi MIDI audio format
audio/x-pn-realaudio RealAudio
image/gif GIF image format
image/jpeg JPEG image format
image/png PNG image format
text/html HTML document
text/plain Plain text
video/mpeg MPEG video format
video/quicktime QuickTime video format
video/x-msvideo AVI video format

93. 如何实现一个页面两种颜色链接变化?

在CSS中设置不同的CLASS类，如下例所示：
a.r:link{text-decoration:none;color:#000066}
a.r:visited{text-decoration:none;color:#333333}
a.r:hover{color:#0000ff;text-decoration:underline}
a.r1:link{text-decoration:none;color:#000066; font-weight:bold}
a.r1:visited{text-decoration:none;color:#000066; font-weight:bold}
a.r1:hover{color:#FF0000; font-weight:bold}
a.r2:link{text-decoration:none;color:#ffffff}
a.r2:visited{text-decoration:none;color:#ffffff}
a.r2:hover{color:#000000;}

94. DW中如何准确地定位层？

就目前来说，还没有好的方法实现非常精确地定位使得层在编辑中和浏览中的位置不变，即便是使用“标尺”和“网格”辅助定位，仍然会有差别，而且在IE和NC中显示的层的位置会有偏差，大约偏差3个象素。最好的方法是对照浏览器的显示来调整层的位置。

95. 怎样把别人网页上的背景音乐保存下来?

A:浏览该网页后,在你的 Windows/Temporary Internet Files 文件夹下可以找到该背景音乐的缓存文件，拷贝出来即可使用。如果还是找不见该文件，可以打开网页的源文件，找到音乐文件的 URL 路径，用“蚂蚁”等 FTP 软件进行下载。

96. 避免有人从你分帧的主页的帧中径直进入网站,而不是从 index.htm 中进入?

A:在帧中的网页的<head></head>之间加入以下脚本代码:
<Script language="JavaScript">
if (top==self)
self.location.href="index.htm";
</Script>
这样,当有人从帧中进入网站时,就会自动重定向到主页文件 index.htm。

97. IE5.0 的部分快捷键：

A:打开查找功能：Ctrl+F
关闭浏览器窗口：Ctrl+W
打开地址栏下拉列表框：F4
刷新：F5
将当前Web页保存到收藏夹列表：Ctrl+D
打开当前 IE 窗口的一个拷贝：Ctrl+N
停止下载当前网页：Esc
光标迅速移动到网页的开头：Home
光标迅速移动到网页的尾部：End
打开新的地址键入窗口：Ctrl+O
打开收藏夹：Ctrl+I
打开历史记录文件夹：Ctrl+H
打开浏览器设定的默认主页：Alt+HOME

98. 如何使网页在不同分辩率下都全屏铺开？

用表格（不要使用层），做好内容后，将最外表格设置宽为100%，再适当调整。

99. 如何定时关闭网页？

在head区加入

setTimeout('window.close();',2000);
</SCRIPT>

表示两秒后自动关闭窗口。

100. 如何实现不提示，直接关闭窗口？

(1) 直接关闭，无任何提示：

在<body></body>内加以下代码：

在要显示“关闭窗口”文字或图片或按钮的位置加以下代码：