网页制作小技巧

技巧|网页

网页制作小技巧之二
  如何使同一页中的超文本链接呈现不同的颜色

  通常在网页的<body>中设置连接的颜色,如:<body link="#FF00FF" vlink="#FF0000" alink="#008080">
  其中:link -- Hyperlink(连接)的颜色
  vlink-- visited Hyperlink(已访问过的连接)颜色
  alink-- active Hyperlink (当前活动的连接)颜色
  颜色用rgb的16进制码表示如红色是#FF0000。

  但你如果要在一个网页中的连接有不同的颜色,你就要在连接 中使用到style这个关键字,例如:
<p><a name="top">top</a></p>

<P><A HREF="#top" style="background-color: rgb(255,255,255);
color: rgb(129,0,0)">Maroon</A>

<P><A HREF="#top" style="background-color: rgb(255,255,255);
color: rgb(255,165,0)">Orange</A>

Maroon (Maroon的RGB是#800000)
Orange (Orange的RGB是#FFA500)
  你可以根据RGB-->Hex的提示自己做一个转换.

  如何取消超文本链接下的底线

  只需在<head>..</head>中加上以下指令
<HEAD>
<TITLE>tip</TITLE>
<STYLE>
<!--
A{text-decoration:none}
-->
</STYLE>
</HEAD>

  如果你只想页中某个链接不出现底线,则加上:
<A HREF="Your Link" STYLE="text-decoration: none">TEST</A>

  去除图像不雅外框

  经常看见一些网页里的图像周围会有一个不雅的外框,其实是由于为图像生成联接时,NN自动将其solid border设为了2, 只要将其改为0就OK了(Solid border 在image properties的右下方)

  如何使搜寻器能找到你的网页

  修改兰色部分:
<META CONTENT="玲珑心,mimi" Name="Keywords">

  解决网页中乱码、错位问题

  很多的主页都要求浏览者选择解码方式,否则将会看到不正确的格式,如乱码、错位或不能正确地换行。解决的办法是设置META语句,这样一来不用选择解码方式,也能按照你自己的设置来浏览你的主页,并且可以自动换行。语句如下:

<HEAD>
<TITLE>解码方式</TITLE>
<META HTTP-EQUIV="Content-Language" CONTENT="zh-CN">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;
charset=gb2312">
</HEAD>
  将解码方式设置为简体中文GB码。

  实现网页自动刷新

  通常HTML文件需要浏览者来选择浏览的内容,如果想自动更换显示的内容一般要用到JavaScript、JAVA或CGI等方法来完成。现在可以用META实现自动更换显示内容,更换的时间和文件都可以自行设定。语句如下:
<HEAD>
<TITLE>刷新内容</TITLE>
<META HTTP-EQUIV="REFRESH" CONTENT="x; URL=*.*">
</HEAD>
  x 是刷新的时间,单位是秒。*.* 是刷新的文件。利用< META >标签实现Web的自动跳转。
  在Web上显示一段欢迎信息,隔一定秒数后,自动跳转到其他的Web页面,由此可以造成新奇的效果。其实现方法是在< HEAD >与< /HEAD >标签之间加上如下语句:
< meta http-equiv="Refresh" content="秒数; url=跳转的文件或地址" >
  如将一个显示欢迎信息的图像:welcome.gif存放在与HTML文档同一个目录中,则下面的HTML文件在浏览器中显示该图像,3 秒钟后将自动跳转到mimi的主页:http://mimi.yeah.net
< HTML >
< HEAD >
< TITLE >WELCOME< /TITLE >
< meta http-equiv="Refresh" content="3; url=http://mimi.year.net" >
< /HEAD >
< /HTML >SRC=http://www.163design.net/a/y/"welcome.gif" >
  多个内容相似而背景不同的页面,让其每隔一定时间自动相互跳转。

时间: 2024-08-30 09:09:23

网页制作小技巧的相关文章

网页制作小技巧:揪出网页无效链接

技巧|链接|网页 在我们浏览网站的时候,一定都遇到过页面上带红叉的无效图片或者"无法找到网页"的提示,出现如此现象一般都是因为链接文件的位置发生变化.被误删除或者文件名的拼写错误造成的.为了避免出现无效链接的尴尬,树立良好的网站形象,当我们完成一个网站的设计制作后,一定要认真地检查是否存在失效链接,以便及时修改. 将无效链接扼杀在上传前 为了预防网站上传后出现无效链接,在上传前我们可以使用FrontPage2003的超链接报表功能来检查整个网站的链接情况,如果遇到无效链接还可以及时编辑

网页制作小技巧:巧用网页显示硬盘内容

技巧|网页|显示|硬盘     您听说过网页也能用来显示硬盘内容吗?您肯定不信,因为大多数情况下,我们都是通过"我的电脑"和"资源管理器"来浏览硬盘数据.现在就让我们来看看如何用下面一小段"神奇"的网页代码实现硬盘E盘数据的显示功能.你也一定等急了,很想知道这一切是如何发生的.其实非常简单,只需在网页的<head>和</head>中加入如下网页源代码即可实现.相信我,你也能做到的.<?xml:namespace pr

网页制作小技巧之教怎样用好Dreamweaver

dreamweaver|技巧|网页 在互联网络高速发展的今天,有很多网虫都把"家"安在了网上.这样大家对DREAMWEAVER都不陌生, 怎样才能用好DREAMWEAVER呢?在这里我要向大家介绍几种DREAMWEAVER的技巧: 1)仅仅拷贝文字 当我们从Dreamweaver中拷贝文字到另一个应用程序的时候,HTML代码和文字一起被拷贝过去了.一般我们都用快捷键Ctrl - C来拷贝, 如果在拷贝的时候多按一个C键则只会拷贝选中的文字. 2)改变 Dreamweaver 文档显示大

网页制作小技巧:编写整洁的HTML代码的原则

文章描述:Web前端:11个让你代码整洁的原则. 写Web页面就像我们建设房子一样,地基牢固,房子才不会倒.同样的,我们制作Web页面也一样,一个良好的HTML结构是制作一个美丽的网站的开始,同样的,良好的CSS只存在同样良好的HTML中,所以一个干净的,语义的HTML的优点很多,那么平时制作中,我们做到了这一点吗?我们一起来看一张图片: 上图展示了两段代码,我想大家都只会喜欢第一种,我们先不说其语义,至少他的结构让我们看上去清爽,而第二种呢?一看就是糟糕的代码的代码,让人讨厌的代码.那么要怎么

值得收藏的东东 50条网页制作小技巧集锦

控制横向和纵向滚动条的显隐?<body style="overflow-y:hidden"> 去掉x轴<body style="overflow-x:hidden"> 去掉y轴<body scroll="no">不显 -------------------------------------------------------------------------------- 表格变色<TD onmous

网页制作小技巧:如何去掉超链接的下划线

我们可以用CSS语法来控制超链接的形式.颜色变化. 下面我们做一个这样的链接:未被点击时超链接文字无下划线,显示为蓝色;当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划线,显示为绿色. 实现方法很简单,在源代码的和之间加上如下的CSS语法控制: <style type="text/css">  <!--  a:link { text-decoration: none;color: blue}  a:active { text-decoration

网页设计小技巧:解决IE6不支持hover

文章简介:网页设计小技巧:解决IE6不支持hover.  IE6以及更低版本的浏览器对":hover"的支持不理想,对于类似的"p:hover"."img:hover"."#header:hover"...,今天给大家介绍一种新的方法,可以完美解决IE6不支持hover的情况,用法很简单,将下载后的"csshover.htc"文件,定义在body样式内 body { behavior:url("c

40种网页常用小技巧

技巧|网页 下面是javascript的40个网页常用小技巧,对网站开发人员相信会有帮助. 1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取

网站建设网页设计小技巧分享

网站建设网页设计小技巧分享.在网站建设的过程中我们会遇到很多问题,我们也会去解决各类问题.无论是网站设计还是代码编写.今天针对网站建设过程中我们会遇到的一些小问题,并给出一些简单的解决办法. Ie6不支持Png格式下的透明.效果图如下: 应用解析:有不少人都会对LOGO进行透明处理以融入head部分的渐变背景. 解决方案:采用JS代码实现或CSS滤镜功能,当然问题也存在部分,导致图片质成像量不高. 小技巧1:将透明的LOGO用高于IE6的浏览器打开网页,然后采用FF的PearlCrescentP