HTML网页制作时需要注意的十三项技巧

技巧|网页

  1.怎样定义网页语言(字符集)? 

  在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的HTML工具时,都没有注意到这个问题,因为它是默认设置。要设置的语言可以在HTML代码状态下找到:

<meta http-equiv="Content Type" content="text/html; charset=gb2312">

 把charset=gb2312改换成其它语言代码即可,比如英文harset=en.

  2.怎样防止别人把你的网页放到框架里?

  因为框架(frame)的缘故,有许多人把别人的网页放置到自己的框架里,使之成为自己的一页。如果你要防止别人这样做,可以加入下列JavaScript代码即可,它会自动监测,然后跳出别人的框架。

<script language="JavaScript">
if (self!=top) window.top.location.replace(self.location);
</script>

  3.怎样设置字体?

  在制作网页过程中,大家都喜欢使用漂亮的字体。但是,如果访客浏览器没有安装同样的字体,看到你的网页会是很普通的字体。如何防止这种情况出现呢?大家知道字体设置的标签是Font,而它有个属性是Face,该属性是定义字体的,你可以这样设置:,访客的浏览器就会按照Face定义的字体顺序设置已安装的字体。目前动态主页有种技术,可以把字体信息用向量格式存储,然后利用访客本身机器含有的公共信息库把字体快速的组装起来,这样,就不用担心访客是否安装有某种字体了。

  4.怎样在网页中加入注释? 

  在共同开发网页中,加入注释是防止分工被搞混淆或者注释某段代码特殊的含义,加入注释的格式是:

<!-网页教学网论坛-->。

  5.怎样测试浏览器并自动装入所需要的网页?

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

<script language="JavaScript">
function TestBrowser(){
ie = ((navigator.appName ==
"Microsoft Internet Explorer") & & 
(parseInt(navigator.appVersion) >= 3 ))
ns = ((navigator.appName == "Netscape") & & 
(parseInt(navigator.appVersion) >= 3 ))
if (ns) {
setTimeout(''location.href="nn4.htm"'',10);
} else {
setTimeout(''location.href="ie4.htm"'',10);
}
}
</script>

  6.怎样让链接没有下划线?

<style type="text/css">
<!--
a{ text-transform: none; text-decoration: none;}
a:hover { text-decoration:underline }
//-->
</style>

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

<a href=mailto:tslxg@hotmail.com?subject=hello>

  8.怎样让背景图像不滚动

<body background="cnshell.gif" bgproperties="fixed">

或用CSS样式表定义:
<style type="text/css">
<!--
body { background-image: url(image/bg.gif); background-attachment: fixed}
-->
</style>

  9.怎样让背景图像不平铺?

 CSS样式表定义:
<style type="text/css">
<!--
body { background-image: url(image/bg.gif); background-repeat: no-repeat}
-->
</style>

  10.怎样定义本网页的关键字?

  在网页中加入关键字,可以供某些搜索站台机器人的使用,它们会利用该关键字为你的网站做索引,这样,当别人用关键字搜索网站时,如果你的网页包含该关键字,那么就可以被列出了,定义本网页关键字,可以加入以下代码:

<meta name="keywords" content="html,dreamweaver,flash,css">

  content 所包含的就是关键字,你可以自行设置。
  这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如:

<meta name="keywords" content="dreamweaver,dreamweaver,dreamweaver">

  11.怎样链接本网页的对象?

  有时链接发生在一个网页里,比如页面上半部分列出了目录,下部分就列出了内容,而单击目录任何一个项目都可以跳到指定部分,可以在要被链接的内容部分设置如下方式:

<a name="#1"></a>

  而要链接到以上设置的部分,可以如下编制:

<a href="index.htm#t1">t1</a>

  12.怎样为不支持框架结构的浏览器指定内容?

  为了防止不支持框架结构的浏览器访问你的网页,可以在你的网页中加入以下内容:

<body>
<noframes>
本网页是框架结构,请下载新的浏览器浏览
</noframes>
</body>

  13.怎样删除表格边框?

   删除表格的边框,你可以在表格的属性中加一句border="0" 即可。
   或把border设置为如下代码:

<body><table border="0" width="100%">
<tr>
<td width="100%"></td></tr>
</table></body>

  注:(其实两种性质是一样的)

时间: 2024-08-02 01:46:28

HTML网页制作时需要注意的十三项技巧的相关文章

网页制作知识样式表CSS常用小技巧小结

css|技巧|网页|样式表 CSS样式表常用小技巧 · ul 标签在 Mozilla 中默认是有 padding 值的,而在 IE 中只有 margin 有值. · 同一个的 class 选择符可以在一个文档中重复出现,而 id 选择符却只能出现一次:对一个标签同时使用 class和 id 进行 CSS 定义,如果定义有重复,id 选择符做的定义有效. · 初学可能会碰到这样一个情况,同样一个标签的属性在 IE 设置成 A 显示是正常的,而在 Mozilla 里必须要设成 B 才能正常显示,或者

网页制作时CSS对文字溢出时的自动隐藏处理

css|网页 overflow 属性说明: 版本:CSS2 兼容性:IE4+ NS6+ 继承性:无语法:overflow : visible | auto | hidden | scroll  相关参数说明如下: visible::不剪切内容也不添加滚动条.假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小.并且clip属性设置将失效. auto:此为body对象和textrea的默认值.在需要时剪切内容并添加滚动条 hidden:不显示超过对象尺寸的内容.scroll

CSS网页制作时实现自动换行的小技巧

css|技巧|网页 大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法! 对于div 1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准. #wrap{white-space:normal; width:200px; }或者#wrap{word-break:break-all;width:200px;} eg. <div id="wrap">ddd111

网页制作时用CSS实现自动换行的小技巧

css|技巧|网页 大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法! 对于div 1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准. #wrap{white-space:normal; width:200px; }或者#wrap{word-break:break-all;width:200px;} eg. <div id="wrap">ddd111

网页制作中常用CSS的十大技巧

css|技巧|网页 1.CSS字体属性简写规则 一般用CSS设定字体属性是这样做的: font-weight:bold;font-style:italic;font-varient:small-caps;font-size:1em;line-height:1.5em;font-family:verdana,sans-serif; 但也可以把它们全部写到一行上去: font: bold italic small-caps 1em/1.5em verdana,sans-serif; 真不错!只有一点

网页制作知识总结:CSS常用小技巧

ul 标签在Mozilla中默认是有padding值的,而在IE中只有margin有值. 同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义,如果定义有重复,id选择符做的定义有效,是因为ID的权值要比CLASS大. 一个兼容性调整(IE和Mozilla)的笨办法: 初学可能会碰到这样一个情况:同样一个标签的属性在IE设置成A显示是正常的,而在Mozilla里必须要设成B才能正常显示,或者两个倒过来. 临时解决方法:选择

asp.net网页制作两个网页之间的本地链接如何链接,地址是什么?

问题描述 asp.net网页制作两个网页之间的本地链接如何链接,地址是什么? 新手学习asp.net网页制作时如何把两个网页链接起来,输入网页地址时怎么知道本地的地址是什么? 解决方案 如果位于同一级,那么直接写对方的文件名就可以了,无需完整路径.

学习HTML是网页制作必经之路

阅读完这篇文章,您可以查看下我们网站的源代码了.. 学会HTML语言的好处是什么? 1:很轻松的修改你的网站.博客的网页结构. 2:对SEO网站优化很有用处. 3:拿来主义,通过保存其他网站页面源代码,适当的修改,可以仿制出你想要的模板. 4:当你有一张漂亮的PSD源文件图片时,你可以很轻易的把图片切割制作成网页. 5:无论是PHP.ASP..NET.JSP等网站编程语言,都要用到HTML. 6:可以轻松检测出网站是否中了网页木马.和预防网页木马. 7:可以向更高一层次进阶:DIV+CSS网页设

学习网页制作基础入门教程(3)字体标签

教程|入门教程|网页 相关文章: 学习网页制作基础入门教程(1)网页编写 学习网页制作基础入门教程(2)排版标签 标题标签 1. 使用方法:<H1>标题內容</H1> 2. 标签解释:标题的大小一共有六种,两个标签一组,也就是从 <H1> 到 <H6> , <H1> 最大,<H6>最小.使用标题标签时,该标签会将字体变为粗体字,并会自成一行. 3. 使用范例: 原始碼 呈現結果 <H1>标题1</H1> 标题1