您的位置信息之舟电 脑硬件栏目首页网页制作HTML 收藏本页

→ HTML网页制作技巧汇编大全初级网页设计应用技巧

www.kepusoft.com 信息之舟电脑软件应用栏目

    信息之舟电脑软件应用栏目编者按:

    HTML网页制作技巧汇编——在制作网页过程中,你首先要定义网页语言,以便访问者浏览器自动设置语言,而我们用所见即所得的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.怎样在网页中加入注释?             
      在共同开发网页中,加入注释是防止分工被搞混淆或者注释某段代码特殊的含义,加入注释的格式是:

    <!-信息之舟电脑应用技巧网www.kepusoft.com/soft2-->。

    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:www.kepusoft.com@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设置为如下代码:
    <body><table border="0" width="100%">
    <tr>
    <td width="100%"></td></tr>
    </table></body>
    注:(其实两种性质是一样的)

www.kepusoft.com 信息之舟电脑之家收集整理推荐文章

相关文章:·textarea多行多列输入元素:窗体中的基本元素(实施对Textarea中的元素进行控制)
·怎么样通过加载JS到html或Asp中来实现页面自动更新呢?
·图片特殊效果HTML源代码汇集整理(美化你的网页)
·ASP和html中用java script控制图片显示的大小(等比例缩放)
·Button按钮 功能:实施对Button按钮的控制 checkbox检查框 功能:实施对一个具有复选框中元素的控制
·radio无线按钮 功能:实施对一个具单选功能的无线按钮控制 hidden:隐藏 功能:实施对一个具有不显示文字并能输入字符的区域元素的控制
·Select选择元素:实施对滚动选择元素的控制_窗体中的基本元素
·一个做网站比较流行的图片幻灯片网页特效
·基本HTML代码大集合(整理中...)
·使用DIV排版的经验
→ HTML栏目列表:

DreamWeaver
FrontPage
FireWorks
Flash
HTML
CSS&其它

→ 赞助商链接:
→ 热门文章排行榜:
·textarea多行多列输入元素:窗体中的基本元素(实施对Textarea中的元素进行控制)
·怎么样通过加载JS到html或Asp中来实现页面自动更新呢?
·图片特殊效果HTML源代码汇集整理(美化你的网页)
·ASP和html中用java script控制图片显示的大小(等比例缩放)
·Button按钮 功能:实施对Button按钮的控制 checkbox检查框 功能:实施对一个具有复选框中元素的控制
·radio无线按钮 功能:实施对一个具单选功能的无线按钮控制 hidden:隐藏 功能:实施对一个具有不显示文字并能输入字符的区域元素的控制
·Select选择元素:实施对滚动选择元素的控制_窗体中的基本元素
·一个做网站比较流行的图片幻灯片网页特效
·基本HTML代码大集合(整理中...)
·使用DIV排版的经验