HTML网页制作技巧汇编

2016-02-19 21:41 10 1 收藏

下面是个HTML网页制作技巧汇编教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - Web开发 】

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

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

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

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

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

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

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

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

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

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

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://www.tulaoshi.com/n/20160219/1626867.html

延伸阅读
标签: Web开发
根据你们询问的人,HTML 5不是迈向创造更语义化的网络的下一 个重要步伐,就是用一系列不完整的标签和标记大杂烩让网络陷入困境的灾难。 争论双方的问题在于,很少的站点在自然环境下使用HTML 5,所以现在所认识到的问题的理论解决方案仍然在很大程度上未经考验。 即便如此,我们不难发现下一代网络标记工具的好处和潜在的问题。 内容 1.&nb...
标签: Web开发
太长时间没写文章了,主要是工作太忙。今晚上没睡着起来把这篇文章写了希望对初学者提供点帮助,同时也在此再次感谢曾经帮助过我的人与我所看书籍的作者们。 我们在做网页的时候会发现:自己画的图也不错,自己做的布局也很精致,做的图标也很漂亮,第一眼看起来都觉得很漂亮,但是看看就觉得不舒服,也不清楚为什么…… 这里我...
标签: Web开发
HTML已经尝试去除表现和朝向内容发展,导致这样一个基本原理:从 表现 (CSS)中分离出 内容意义 (HTML)。这将会给网页减肥,因为一个表现指令集合(以外部CSS文档的形式)可以应用到多个页面。这也会使网站更易于管理因为全局变动可以从修改一个单独的文件得到。 部分不良标签基本上是表现标签(比如 small ),它们可以用更有意义和更简单...
01.让背景图不滚动 IE浏览器支持一个 Body 属性 bgproperties,它可以让背景不滚动: 〈Body Background="图片文件" bgproperties="fixed"〉 02.让你的网页无法另存为 <noscript<iframe src="http://img.jcwcn.com/attachment/portal"about:<body style='background:transparent'" allowtransparency</iframe 04.禁止右键: <bod...
为了帮助了解当今HTML 5的一些新玩意儿,我们现在就进入正题,开始使用一些新的结构元素。我们创建HTML 5文档第一件需要做的事情就是使用新的文档类型。 根据你们询问的人,HTML 5不是迈向创造更语义化的网络的下一 个重要步伐,就是用一系列不完整的标签和标记大杂烩让网络陷入困境的灾难。 争论双方的问题在于,很少的站点在自然环境下使用...

经验教程

526

收藏

65
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部