HTML网页制作技巧汇编

胥大涛是好人

胥大涛是好人

2016-02-19 21:41

下面是个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:cnshell@163.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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

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

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

body
noframes

  本网页是框架结构,请下载新的浏览器浏览

/noframes
/body

  13.怎样删除表格边框?

  删除表格的边框,你可以在表格的属性中加一句border="0" 即可。

  或把border设置为如下代码:
bodytable border="0" width="100%"
tr
td width="100%"/td/tr
/table/body

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

HTML网页制作技巧汇编

Web开发
HTML网页制作技巧汇编

Html:网页制作基础技巧 框架(帧窗口)技巧

Web开发
Html:网页制作基础技巧 框架(帧窗口)技巧

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

HTML网页制作的强大8条技巧

Web开发
HTML网页制作的强大8条技巧

Html:使用表单制作网页的五点技巧

Web开发
Html:使用表单制作网页的五点技巧

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

HTML网页制作的八条强大技巧

Web开发
HTML网页制作的八条强大技巧

Html:网页制作基础技巧 框架(帧窗口)间的交互

Web开发
Html:网页制作基础技巧 框架(帧窗口)间的交互

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

PowerPoint文字显示紧密什么办

PowerPoint文字显示紧密什么办

全面分析Java的垃圾回收机制

全面分析Java的垃圾回收机制
下拉加载更多内容 ↓