浅谈HTML技巧(四)

    文章来源:万象互联 更新时间:2012-12-26 19:54:15
分享:

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

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

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

<script language="JavaScript">

<!--

function addbookmark()

{window.external.AddFavorite("http://www.yufeng21.com","宇风多媒体");}

//-->

</script>

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

<script language="JavaScript">

<!--

if(document.all != null){document.write("[<a href=javascriptddbookmark()>按一下,我将和您成为朋友。</a>]");}

// --></script>

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

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

<html></html>和<HTML></HTML>同等有效。

但如果是特殊字符的标签元素,你只能使用小写体。比如版权的字符的标签元素是:?,如果写成?;,那么页面将完全显示?;。

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

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

<a href="javascript:window.close()">关闭窗口</a>

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

有时候你需要为某一页设置密码,以让合适的人进来。在<head></head>部分加入:

<script language="JavaScript">

<!--var pd="" var rpd="cnshell" pd=prompt("请您输入密码:","")

if(pd!=rpd)

{ alert("您的密码不正确...")history.back()}

else

{alert("您的密码正确!")window.location.href="cnshell.htm"}

// -->

</script>

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

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

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

<a href="cnshell.zip">Download cnshell.zip (188kb)</a>

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

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

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

<form ACTION="cnshell.htm" METHOD="GET">

<p><input TYPE="submit" VALUE="单击这里" NAME="cnshell"></p>

</form>

8.如何为页面增加一个计数器?

这个问题对于初上网的人实在是个头痛的事情,因为他们发现在利用FrontPage98增加计数器后,发现根本都不起作用。计数器需要服务器CGI的支持,不能由本地的电脑自行设置。所以,如果你的站点需要计数器,需要到计数器提供商申请。

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

如果你拥有站点服务器的管理权,那么这是个很简单的问题,查查服务器日志就可以了。但目前你没有那权力,不过可以由第三方提供流量数据。

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

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

<meta http-equiv="Content-Type" content="Application/msword">

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

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

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

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

12.如何缩进文本段落?

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

P { text-indent: 1% }

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

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

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

14.如何单击链接打开一个定制的新窗口?

先在<head></head>部分加入代码:

<script language="JavaScript">

<!--

function MM_openBrWindow(theURL,winName,features) {window.open(theURL,123,features);}

//-->

</script>

然后在链接标签<a>中加入如下代码即可:

<a href="#" onClick="MM_openBrWindow('http://www.hulian.top/cnshell/','123','scrollbars=yes,width=640,height=480')">万象互联</a>

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

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

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

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

<head>

<style>

<!--.font { font-family:宋体(GB); font-size: 9pt; line-height: 16px }--></style>

</head>

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

</body>

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

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

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

18.如何正确使用字体?

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

19.如何制作繁体版本网页?

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

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

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

文章来源:http://www.hulian.top,转载请注明!

版权说明:本站原创文章,由SEO优化发表.
本文地址:https://www.hulian.top/zixun/post/5523.html
在线咨询
  • 在线时间
  • 8:00-21:00