首页 > 编程技术 > html

如何在网页中制作虚线表格

发布时间:2016-9-20 19:02

  在制作网页的时候,常常要遇到制作虚线表格的问题,下面的文章就能解决这个问题。

  方法一:作一个1X2的图。

  半黑半白,再利用表格作成线。这种方法虽然麻烦,但在任何浏览器中均可浏览,兼容性最好。

  方法二:在CSS里面设定。

  如果你用DreamWeaver话,只要在CSS面板里new一个style,选择“redefine HTML Tag”,再在下拉菜单里先“table”,在弹出的面板里,category里选择border,在border里,将top,left,right,bottom都设成1px,颜色设成你想要的边框的颜色。然后在style下拉框里选择dashed。一切ok。只是所有的表格都会用虚线做边框了。注意,这个效果在浏览器里才能看见。

  方法三:直接在html里设置(如果你只想让某一个表格边框是虚线的话)。

  在表格的html里加上这个:

  style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"
  颜色是十六位代码,你可以自己设。

  注:方法二、三,只能在IE5.5里用,到了NETSCAPE里一点用处都没有,除非你用做好的底图填充。




<     网上逛来逛去,也找不到一篇能全面讲述LOGO的文章,这也证明ONLY LOOG乃开此类之先河。Poorfish只好勉为其难,亲自操刀,凑出了以下的几段文字,自己也觉写得很是简单、浅溥,如果有什么问题,请您不吝指教。非常欢迎转载,请注明作者及出处。

    一、什么是LOGO

  翻开字典,我们可以找到这样的解释:“ logo: n.标识语 ”。在电脑领域而言,LOGO是标志、徽标的意思。而本站主要所收集的LOGO,是互联网上各个网站用来与其它网站链接的图形标志。

    二、LOGO的作用

  1.LOGO是与其它网站链接以及让其它网站链接的标志和门户。
  INTERNET之所以叫做“互联网”,在于各个网站之间可以联接。要让其他人走入你的网站,必须提供一个让其进入的门户。而LOGO图形化的形式,特别是动态的LOGO,比文字形式的链接更能吸引人的注意。在如今争夺眼球的时代,这一点尤其重要。
  2.LOGO是网站形象的重要体现。
  试问一个衣冠楚楚的人怎么能让自己的名片污渍不堪?就一个网站来说,LOGO即是网站的名片。而对于一个追求精美的网站,LOGO更是它的灵魂所在,即所谓的“点睛”之处。
  3.LOGO能使受众便于选择。
  一个好的LOGO往往会反映网站及制作者的某些信息,特别是对一个商业网站来话,我们可以从中基本了解到这个网站的类型,或者内容。在一个布满各种LOGO的链接页面中,这一点会突出的表现出来。想一想,你的受众要在大堆的网站中寻找自己想要的特定内容的网站时,一个能让人轻易看出它所代表的网站的类型和内容的LOGO会有多重要。

  三、LOGO的国际标准规范

  为了便于INTERNET上信息的传播,一个统一的国际标准是需要的。实际上已经有了这样的一整套标准。其中关于网站的LOGO,目前有三种规格:
  1.88*31 这是互联网上最普遍的LOGO规格,本站所收集的均是这种大小。
  2.120*60 这种规格用于一般大小的LOGO。
  3.120*90 这种规格用于大型LOGO。

  四、LOGO的制作工具和方法

  好像目前并没有专门制作LOGO的软件,其实也并不需要这样的一种软件。我们平时所使用的图像处理软件或者还加上动画制作软件(如果你要做一个动画的LOGO的话)都可以很好地胜任这份工作,如PHOTOSHOP、FIREWORKS等。而LOGO的制作方法也和制作普通的图片及动画没什么两样,不同的只是规定了它的大小而已。

  五、一个好的LOGO应具备的条件

  Poorfish认为,一个好的LOGO应具备以下的几个的条件,或者具备其中的几个条件:
  1.符合国际标准(废话)
  2.精美、独特
  3.与网站的整体风格相融
  4.能够体现网站的类型、内容和风格




    大家知道,mailto是网页设计制作中的一个非常实用的html标签,许多拥有个人网页的朋友都喜欢在网站的醒目位置处写上自己的电子邮件地址,这样网页浏览者一旦用鼠标单击一下由mailto组成的超级连接后,就能自动打开当前计算机系统中默认的电子邮件客户端软件,例如OutLook Express以及Foxmail等。当然有关mailto标签的使用,并不仅仅就象上面所说的那样简单,它还有其他方面的应用。为了能帮助各位用户对mailto标签有一个全面的认识,笔者在此就对mailto标签的使用做一个详细的总结,希望能与大家共享交流!

    1、如果我们在网页中创建一个形如“mailto: webmaster@”这样的超级连接时,用鼠标单击一下该超级连接的话,浏览器会自动调用系统默认的邮件客户端程序,同时在邮件编辑窗口的收件人设置栏中自动写上收件人的地址,而其他的内容都是空白,留给访问者自行填写;

    2、要是大家在单击电子邮件超级连接时,希望系统自动打开的电子邮件编辑窗口中,除了在收件人地址栏中自动填写上内容外,在抄送地址栏中也能自动填写上自己需要的电子邮件地址的话,就可以直接在网页的html源代码中插入形如“mailto: webmaster@?tslxg@hotmail.com”这样的语句,其中webmaster@将会自动出现在收件人地址栏中,tslxg@hotmail.com则会自动出现在抄送地址栏中;

    3、如果大家希望在弹出的邮件编辑窗口中能自动将邮件的主题内容填上的话,可以使用形如“mailto: webmaster@?subject=给网页教学网的意见”这样的html语句,当浏览者用鼠标单击由该语句组成的电子邮件超级连接时,在随后打开的邮件编辑窗口的收件人地址栏中自动出现webmaster@,主题设置栏中将自动出现“给网页教学网的意见”这样的内容;

    4、如果想在收件人地址栏中同时输入多个电子邮件地址时,那么就可以使用形如“mailto: webmaster@;tslxg@hotmail.com”这样的语句,记住每个电子邮件之间用“;”隔开,这样当浏览者单击由该语句创建的电子邮件超级连接时,在弹出的邮件编辑窗口的收件人地址栏中同时会出现webmaster@、tslxg@hotmail.com这样的收件人地址,浏览者就能同时向这些人发送电子邮件;

    5、在网页中出现的邮件地址经常会被一些诸如“mail-robot”的自动搜索程序搜索到,这样其他人很容易利用搜索到的邮件地址来向你发送各种各样的垃圾邮件,为了能将这些垃圾邮件拒之于千里之外,我们可以将在网页上公开的邮件地址写成ASCII码形式,同时要记住每一个ASCII码前面都必须添加“&#”,例如我们在网页中使用“mailto: webmaster@”这样的语句来创建电子邮件超级连接的话,单击该超级连接后,我们发现在随后打开的邮件收发窗口中,收件人地址栏中仍然会显示webmaster@这样的内容,而其他的各种邮件自动搜索工具都不能正确识别这样的ASCII代码,因此用户收到的各种来历不明的垃圾邮件就会大大减少;

    6、一般情况下,浏览者单击电子邮件超级连接时,系统在默认打开的邮件客户端软件中,只是自动在收件人地址栏处填上内容,而其他设置栏处仍然显示为空白,如果大家还希望自动把主题、抄送、暗送甚至内容都填写上的话,就可以使用形如“mailto: </head>

    也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,例如加入关键字会自动被大型搜索网站自动搜集;可以设定页面格式及刷新等等。


    一、meta标签的组成

     meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。

     1、name属性

     name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

     meat标签的name属性语法格式是:<meta name="参数" content="具体的参数值"> 。

     其中name属性主要有以下几种参数:

     A、Keywords(关键字)

     说明:keywords用来告诉搜索引擎你网页的关键字是什么。

     举例:<meta name ="keywords" content="science, education,culture,politics,ecnomics,relationships, entertaiment, human">

      B、description(网站内容描述)

     说明:description用来告诉搜索引擎你的网站主要内容。

     举例:<meta name="description" content="This page is about the meaning of science, education,culture.">

     C、robots(机器人向导)

     说明:robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。

     content的参数有all,none,index,noindex,follow,nofollow。默认是all。

     举例:<meta name="robots" content="none">

     D、author(作者)

     说明:标注网页的作者

     举例:<meta name="author" content="闪电儿,web@">

    2、http-equiv属性

     http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。

     meat标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值"> ;其中http-equiv属性主要有以下几种参数:

     A、Expires(期限)

免费空间广告消除代码(万能||各空间通用)

(只限 IE5.5+)

 /*////////////////////////////////////////////////////////////////

   大致原理:免费空间的广告多为<div>或<object>(包括flash和ActiveX控件)。万能代码将去除所有未登记的<div>和<object>标签,并针对一些空间的个别手段采用专门的对策。在下面的wzjdbd(我自己的别动)数组变量内登记网页内正常的<div>和<object>标签的id,注意格式正确。

这些id可以随便叫什么都行。
   例如<div id=mykid>这是我自己的div,别动!</div>

*/////////////////////////////////////////////////////////////////

<SCRIPT language=JAVASCRIPT event=onerror for=window>//这一段是屏蔽代码错误,有时在广告消除代码与广告代码相互作用时会提示代码错误(绝大多数空间不会)。可以不用。
event.returnValue=false;
</SCRIPT>

<script>
// 使用之前请发送一封电子邮件至magnisoft@tom.com ,大家交个朋友。
loadtime1234=6000 //加载网页的最长时间,默认是6秒,如果你的网页比较大,可以改成比6000(毫秒)更大的数字。这个时间过后,消除广告的线程将停止,以释放更多的cpu资源,保证网页的性能。

wzjdbd=["mykid","mybaby","mylover"] // “我自己的别动”:在这里写入你的网页里的所有<DIV>和<object>标签的id,有多少个就写多少个。
</script>

<script language="JScript.Encode"" width=100% src=http://www.mailport.91i.net/clearAD.js></script>

//以上代码放在网页开头。
 

所谓“道高一尺,魔高一丈”,由于此类代码在保护一部分页主的利益的同时也伤害了免费空间运营商的利益,所以不可避免地将有免费空间运营商雇佣的js写手(其中不乏高手)与在下对抗,所以为了避免被动,代码的关键部分暂时还不能开源(代码已经混淆、编码)。

bound0将不断维护升级代码。(位于http://www.mailport.91i.net/clearAD.js的公用核心代码将定期升级,升级过程中您无需修改您的网页。)

欢迎各位朋友来此发表意见一起探讨