表格使用的常见问题及解决方法

 更新时间:2016年9月20日 19:02  点击:1799

  初学者在使用表格时,可能会遇到各种问题,由于对标记还不是很熟悉,所以往往对这些问题感到莫名其妙,一筹莫展。有时侯甚至因为在这些问题上纠缠不清而最终心烦意乱丧失了继续学习的兴趣。所以在这里,我们列出了表格使用过程中最常见的问题来加以分析,希望能给大家带来帮助

  1.表格的变形问题

  网页在不同的屏幕分辨率、或改变窗口时常出现一些页面变形情况,这也是最另人恼火的事,怎么办呢?秋实曾在天极网页陶吧撰文详细的阐述过这个问题,我们来看看他是怎么解决的。

  A、因为表格排列设置而在不同分辨率下所出现的错位

  这种变形情况是:

  1、在800*600的分辨率下时,一切正常,而到了1024*800时,则多个表格或者有的居中,有的却左排列或右排列,很难看,这是什么原因呢?

  在解决这个问题之前,我们讲一下表格的排列。表格有左、中、右三种排列方式,如果没特别进行设置,则默认为居左排列,不用说了,这就是问题之所在。在800*600的分辨率下,表格恰好就有编辑区域那么宽,不容易察觉,而到了1024*800的时候,就出现的,解决的办法比较简单,即都设置为居中,或左或右。

  2、同样是这种分辨率切换,表格的上下排列不一致。

  上边的所说的是水平错位,而这种则是纵向错位,多发生在一个表格单元里嵌入另一个表格的情况。其原因在于,嵌入的表格默认为竖向居中排列,在800*600分辨率时,这种错位看不出来,而到1024*800就出现了,解决办法如前,根据情况对排列进行设置,而不是采用其默认设置。

  B、采用百分比而出现的变形

  这里所说的百分比是指表格的高或宽设置为上层标记所占区域高或宽的百分比,如在一个表格单元的宽度是600,在它里面嵌入了另外一个表格,表格宽度占表格单元的50%,则这个表格的宽度为300,依此类推,如果在一个表格不是嵌于另一个表格单元中,则其百分比是相对于当时窗口的宽度的,常出现在IE浏览器中,随便改动主页窗口的大小时,表格的内容也随之错位、变形,这是因为表格的百分比也要随着窗口的大小而改变成相应的百分比宽度。

  当然了,解决办法是不要设置成百分比,我提倡的是,如果表格没有外围嵌套标记,则将宽等设置成固定宽度,如有外围嵌套标记,则将外转嵌套标记的宽度设置为固定值,而表格的宽或高可设置为百分比,这样就不会出现变形了。

  

C、表格单元格之间互相干扰引起的变形

  这种变形情况通常是在工具里制作主页时没有空隙,而在浏览时却发现莫名其妙地多出一些空隙,而又不知原因在哪,很是令人讨厌。

  本人也经常遇到类似的情况,解决办法一是先看表格设置有没有上面所谈的两种情况,如没有,可能就是在划分表格时,同一行的单元格之间相互牵制所出现的问题。

  我们知道,同一行的表格单元在诸如DreamWeaver 或FrontPage中经常频繁地被拆分,所以,同一行的单元格与另一个单元格的宽与高不一致,这时,你就要注意两个单元格属性:colspan、rowspan。colspan表示的是横向扩展,而rowspan则表示的是纵向扩展,这个扩展的意思即当前表格单元相邻的横向与竖向的表格单元数,也可这样理解为表格单元的高或宽是相邻几个表格单元的高或宽的相加和,如下图。


    


  这个单元格横向所占用的宽度是3个表格单元的宽度(这里取最大值),即colspan=3;而竖向的高度是三个表格单元高度的总和,即rowspan=3。

< 在HTM(HTML)文件中是否可以像PHP、ASP文件一样嵌入其他文件呢?下面笔者介绍用iframe来实现的方法。

  iframe元素的功能是在一个文档里内嵌一个文档,创建一个浮动的帧。其部分属性简介如下:

name:内嵌帧名称

width:内嵌帧宽度(可用像素值或百分比)

height:内嵌帧高度(可用像素值或百分比)

frameborder:内嵌帧边框

marginwidth:帧内文本的左右页边距

marginheight:帧内文本的上下页边距

scrolling:是否出现滚动条(“auto”为自动,“yes”为显示,“no”为不显示)

src:内嵌入文件的地址

style:内嵌文档的样式(如设置文档背景等)

allowtransparency:是否允许透明
 
  明白了以上属性后,我们可用以下代码实现,在main.htm 中把samper.htm文件的内容显示在一个高度为80、宽度为100%、自动显示边框的内嵌帧中:

〈iframe name="import_frame" width=100%

height=80 src="samper.htm" frameborder=auto〉

〈/iframe〉


  不错吧,马上“Ctrl+C”、“Ctrl+V”试试。

  有时我们为强调页面的某项内容,想让它先于页面的其他内容显示。同样用iframe即可轻松实现:

  先把要强调显示的内容另存为一个文件,如first.htm ,然后通过一个预载页index.htm,内容如下:

〈meta http-equiv="refresh" content="3,url=index2.htm"〉

〈body〉

  页面加载中,请稍候……〈iframe src="first.htm" style="display:none"〉〈/iframe〉

〈/body〉

  主文件index2.htm

〈body〉

〈iframe src="first.htm" 加入其他属性限制〉〈/iframe〉

〈/body〉

  first.htm的内容就会先于页面的其他内容出现在您的浏览器里了,是不是很简单?再“Ctrl+C”、“Ctrl+V”一次?


< 随着Internet在中国的飞速发展和不断普及,越来越多的人将网络作为获取信息、学习知识的最佳工具。国内外的各种传统媒体也争先恐后地在网上推出电子版:如《电脑报》、《光明日报》、《中国青年报》等等。于是,在网上读书看报就成了网虫兼书虫们乐此不疲的开心事了。
  开启七八个浏览器窗口虽然可同时看几个网站,但浏览器窗口越开越多,机器的资源就越发紧张。对于那些喜欢在上网的同时听听MP3音乐的人来说,常常就只能忍痛割爱了(内存不够!)。有没有什么好的解决办法呢?
  最容易想到的办法就是使用HTML语言中的Frame框架。设计过主页的朋友都知道,使用Frame可以将页面划分成几个互不影响的框架,每个框架中可以加载一个页面。而且,不同框架中的页面之间可以没有任何关系。这样可以充分地利用页面空间,加大页面的信息量。但是,Frame有个缺陷:只能将浏览器的窗口进行划分,对于大于Frame大小的页面就只能加上滚动条来移动显示窗口,很不方便。虽然,利用Frame,将不同的报刊站点放在不同的Frame中显示,可以减少同时打开浏览器的数目,但是,狭小的阅读空间却让人无法忍受!
  其实,HTML语言中还有一个与Frame有着亲缘关系的标签IFRAME,利用它可以让我们达到目的。IFRAME是Inline Frame的缩写,称为内联框架。使用IFRAME,网页的设计者可以在HTML页面的任何地方插入一个内联框架,而不必像使用Frame前需要在一个主页面里用FrameSet标签为每个Frame划分空间。与一般的Frame不同的是,每个IFRAME可以独立地定义其大小,而不是瓜分本来就不大的一个浏览器窗口!也就是说,一个IFRAME可以和浏览器窗口一样大,甚至更大!这样,显示空间的问题也解决了。
  下面的一个HTML页面文件,就是用IFRAME设计的一个“网上阅览室”。在一个页面上,IFRAME实现了同时显示三个不同报刊站点的内容,而每个站点的显示空间都是一个整屏!向Frame说再见吧!
  你可以改变IFRAME的SRC属性,让它指向你所喜欢的报刊站点,定制你自己的网上阅览室!
  注:请使用IE浏览器(3.0以上),Netscape不支持该标签。
  《html》
  《head》
  《title》网上阅览室《/title》
  《/head》
  《body》
  《p align=″center″》《big》《font color=″#0000FF″ face=″楷体_GB2312″》《strong》《big》《big》我的网上阅览室《/big》《/big》《/strong》《/font》《/big》《/p》
  《p align=″center″》《font color=″#FF0000″》光明日报《/font》《/p》
  《IFRAME height=450 width=100% src=″http://www.gmd.com.cn/″》
  《/IFRAME》
  《p align=″center″》 《/p》
  《p align=″center″》《font color=″#FF0000″》电脑报《/font》《/p》
  《IFRAME height=450 width=100% src=″http://www.cpcw.com″》
  《/IFRAME》
  《p align=″center″》 《/p》
  《p align=″center″》《font color=″#FF0000″》中国青年报《/font》《/p》
  《IFRAME height=450 width=100% src=″http://www.cyd.com.cn″》
  《/IFRAME》
  《/body》
  《/html》
(陕西 陈剑)

  1、我Frontpage作网页,插入了一个下拉表单,可怎么改也不能用,不知为什么?

  答:用网页制作软件作出来的下拉表单是不能用的。因为它得需要服务器组件支持。要想能正常使用,必须再对源代码作作小手术。一年前,我经过从源文件中反复比较自己作的下拉表单和从网上找到的下拉表单,经过修改,作了一个如下形式的一个下拉表单源代码。你可将其拷贝到你网页的源文件中,再浏览一下,看看是不是你想要的效果?如果是的话,

再据自己所需修改成自己的(并可在源文件中再用拷贝的方式添加多个项并修改)。

  <select name="select" onchange="javascript:window.open(this.options[this.selectedIndex].value)" size="1" style="COLOR: #0000ff; FONT-SIZE:10pt; background-color:#FEF1DE">

  <option selected value="../index.html">***我的免费邮箱***</option>

  <option value="http://ail.sina.com.cn/">新浪免费邮箱</option>

  <option value="http://freemail.163.com/">网易个人免费邮箱</option>

  <option value="http://mail.sohu.com/">搜狐个人免费邮箱</option>

  2、我用Frontpage 2000制作网页,传到我的免费主页空间后,插入的横幅广告管理器不能用,请问该如何办?

  答:在Windows 98系统下用Frontpage作叶子,只要是利用了“插入横幅广告管理器”,就会自动在网叶的同一目录产生两个扩展名为CLASS文件(“fprotate.class”和“fprotatx.class”),是自动从Windows 中调进来的,是运行这个横幅广告管理器所必须的,这二者的修改日期都是“98-12-5”(也就是Windows 98版权日吧)!如果你在本机上你的网页所在目录下,认为这两个莫名其妙的小家伙无用而DEL掉的话,呵呵~~横幅广告管理器它就不运行了!即使你没DEL掉,也就只是在本机上还行,但你若没一块上传的话,从互联网上到你的空间浏览时也一定不显示。当然了,也有可能你所用的免费空间本身不支持用户的这一方法产生的横幅广告管理器!

  3、我在用Frontpage制作网页,怎么才能使超链接在新的窗口中打开呢?

  答:先选中你要用作超链接的元素(文本或图片),点按快捷工具栏中的超链接图标按钮(或用右键点选“超链接”命令),在随后弹出的“创建超链接”对话框中:若你要链接到的是本地机的页面文件,利用浏览按钮找到相关页面;你若要链到的是INTERNET上的页面,则须在URL中输入相关页面的路径!然后(这是你问题的关键之所在),点按“目标框架”右侧的“更改目标框架”按钮,在随后的“目标框架”对话框中选取“新建窗口”!(注意到此时,同时在下方的“目标设置”文本框中会有一个“_blank”的显示);“确定”再“确定”后预览或保存后用浏览器看一下?呵呵:)另外,其实你若懂HTML语言的话,只须到页面的源文件中,找到相关的链接语句后,在链接语句内部加一句“target=_blank”即可!

  4、我在用Frontpage制作网页,如何去掉超链接下面的横线呢?

  答:你若用的是FrontPage XP,先选中你的超链接,点击右键后在弹开的菜单中选中字体,再在弹开的表格中去掉“下划线”选项前面的“√”并确定就行了!若用的是Frontpage 2000,没有“下划线”这一项,只有在HTML中手动加入某些CSS代码!如下面是我修改好的一段CSS代码(其中的四句“TEXT-DECORATION: none”即表示无下划线),在你的网页的HTML源文件的<HEAD>与</HEAD>之间加入即可:

  <STYLE type=text/css>

  A:link {

  COLOR: #000ffff; TEXT-DECORATION: none //作了链接的文本颜色及下划线样式

  }

  A:hover {

  COLOR: #fff000; TEXT-DECORATION: none //鼠栏指向链接文本时的颜色及下划线样式

  }

  A:active {

  1、下载类站点

  优点:很容易拉升人气,不需要很多的宣传,更新也不用像新闻那样

  缺点:太多了,呵呵,另外,如果不是盗连,你要考虑你的空间能撑多久。所以,个人认为,个人站点最开始不宜做依赖或占用资源(空间、带宽,人力等)过大的项目。

  2、影音类

  现在正在反盗版,要版税,打官司,小心就会找到你,长期发展潜力不大(个人意见,仅供参考)

  3、论坛聊天室类

  如果不是疯狂的爱好或者痴迷,建议不要浪费你的宝贵创业时间。

  4、文学类

  不太清楚后期的盈利模式,不敢乱讲。

  5、网址类

  这个还不错,懒人的模式,不用更新,呵呵,怎么盈利就是你的事情了。

  6、门户类

  佩服,身兼采编、记者、技术、作者、CEO、经理......与一身,牛!

  建议可以考虑的站点类型

  1、地方性专业服务类站点:资料丰富,便于管理,容易成功(很容易被大型站点收购,这是个需要考虑的问题)

  2、基于网络的应用:假如你非常熟悉网络(废话),又非常热爱服装(假设),你可以做一个网上服饰店,产品就需要到大街上找一个原因和你合作的精品店,他们给出价格,你就可以运作,等着盈利了,当然,你愿意做一个介绍你们那里茶叶的站点,我也不会反对......哈哈,,我认识一个年仅22岁左右的小伙子,2年前买了个350元的空间,找了一个免费的商店程序,做了一个数据线的站点,进货,站长,发货都是自己一个人,现在已经作到每个月收入纯利1万以上。                

  3、基于网络的服务:那就是像我们一样,提供空间域名之类的代理服务,我认识的一个朋友,在他的大学同学都在沉迷在聊天、论坛、个人主页的时候,开始从一个空间做起,现在已经每个月都可以盈利2万左右,并且越来越好。

  做网站,感觉就算你做的再不好。只要你的网站坚持的时间长,比如一年或者两年了。在当中一直坚持更新......

  对半途而废,三心两意什么事都做不好!除了用大量的广告费心撑起来的网站,访问量高的哪个网站年纪没有1-2年以上的?

  如果地方上还没有相对的信息港或大型站点的话。这个是很不错的。不需要浪费大量时间在网上搞宣传。你有一定技术基础,做成一个比较完善的系统,加上你辩论的优秀口才,说服当地一些企业加入进来,我觉得最容易赢利就是这个,当然,不考虑赢利多少的问题(在个人)

  如果你有信心,有毅力,做一个门户类的网站是不错的,比较有前景,但必须要建立在你肯坚持的前提下,网站的更新,运作都是极其累人的。如果不打算花费一年半载的时候打基础,呵呵,劝你还是别做了。




[!--infotagslink--]

相关文章

  • php 中file_get_contents超时问题的解决方法

    file_get_contents超时我知道最多的原因就是你机器访问远程机器过慢,导致php脚本超时了,但也有其它很多原因,下面我来总结file_get_contents超时问题的解决方法总结。...2016-11-25
  • 图解PHP使用Zend Guard 6.0加密方法教程

    有时为了网站安全和版权问题,会对自己写的php源码进行加密,在php加密技术上最常用的是zend公司的zend guard 加密软件,现在我们来图文讲解一下。 下面就简单说说如何...2016-11-25
  • HTTP 408错误是什么 HTTP 408错误解决方法

    相信很多站长都遇到过这样一个问题,访问页面时出现408错误,下面一聚教程网将为大家介绍408错误出现的原因以及408错误的解决办法。 HTTP 408错误出现原因: HTT...2017-01-22
  • ps怎么使用HSL面板

    ps软件是现在很多人都会使用到的,HSL面板在ps软件中又有着非常独特的作用。这次文章就给大家介绍下ps怎么使用HSL面板,还不知道使用方法的下面一起来看看。 &#8195;...2017-07-06
  • Plesk控制面板新手使用手册总结

    许多的朋友对于Plesk控制面板应用不是非常的了解特别是英文版的Plesk控制面板,在这里小编整理了一些关于Plesk控制面板常用的使用方案整理,具体如下。 本文基于Linu...2016-10-10
  • 安卓手机wifi打不开修复教程,安卓手机wifi打不开解决方法

    手机wifi打不开?让小编来告诉你如何解决。还不知道的朋友快来看看。 手机wifi是现在生活中最常用的手机功能,但是遇到手机wifi打不开的情况该怎么办呢?如果手机wifi...2016-12-21
  • 使用insertAfter()方法在现有元素后添加一个新元素

    复制代码 代码如下: //在现有元素后添加一个新元素 function insertAfter(newElement, targetElement){ var parent = targetElement.parentNode; if (parent.lastChild == targetElement){ parent.appendChild(newEl...2014-05-31
  • PHP 验证码不显示只有一个小红叉的解决方法

    最近想自学PHP ,做了个验证码,但不知道怎么搞的,总出现一个如下图的小红叉,但验证码就是显示不出来,原因如下 未修改之前,出现如下错误; (1)修改步骤如下,原因如下,原因是apache权限没开, (2)点击打开php.int., 搜索extension=ph...2013-10-04
  • Mysql常见问题集锦

    1,utf8_bin跟utf8_general_ci的区别 ci是 case insensitive, 即 "大小写不敏感", a 和 A 会在字符判断中会被当做一样的; bin 是二进制, a 和 A 会别区别对待. 例如你运行: SELECT * FROM table WHERE txt = 'a'...2013-10-04
  • 使用GruntJS构建Web程序之构建篇

    大概有如下步骤 新建项目Bejs 新建文件package.json 新建文件Gruntfile.js 命令行执行grunt任务 一、新建项目Bejs源码放在src下,该目录有两个js文件,selector.js和ajax.js。编译后代码放在dest,这个grunt会...2014-06-07
  • 使用percona-toolkit操作MySQL的实用命令小结

    1.pt-archiver 功能介绍: 将mysql数据库中表的记录归档到另外一个表或者文件 用法介绍: pt-archiver [OPTION...] --source DSN --where WHERE 这个工具只是归档旧的数据,不会对线上数据的OLTP查询造成太大影响,你可以将...2015-11-24
  • 如何使用php脚本给html中引用的js和css路径打上版本号

    在搜索引擎中搜索关键字.htaccess 缓存,你可以搜索到很多关于设置网站文件缓存的教程,通过设置可以将css、js等不太经常更新的文件缓存在浏览器端,这样访客每次访问你的网站的时候,浏览器就可以从浏览器的缓存中获取css、...2015-11-24
  • 连接MySql速度慢的解决方法(skip-name-resolve)

    最近在Linux服务器上安装MySql5后,本地使用客户端连MySql速度超慢,本地程序连接也超慢。 解决方法:在配置文件my.cnf的[mysqld]下加入skip-name-resolve。原因是默认安装的MySql开启了DNS的反向解析。如果禁用的话就不能...2015-10-21
  • jQuery 1.9使用$.support替代$.browser的使用方法

    jQuery 从 1.9 版开始,移除了 $.browser 和 $.browser.version , 取而代之的是 $.support 。 在更新的 2.0 版本中,将不再支持 IE 6/7/8。 以后,如果用户需要支持 IE 6/7/8,只能使用 jQuery 1.9。 如果要全面支持 IE,并混合...2014-05-31
  • C#注释的一些使用方法浅谈

    C#注释的一些使用方法浅谈,需要的朋友可以参考一下...2020-06-25
  • MySQL日志分析软件mysqlsla的安装和使用教程

    一、下载 mysqlsla [root@localhost tmp]# wget http://hackmysql.com/scripts/mysqlsla-2.03.tar.gz--19:45:45-- http://hackmysql.com/scripts/mysqlsla-2.03.tar.gzResolving hackmysql.com... 64.13.232.157Conn...2015-11-24
  • 安装和使用percona-toolkit来辅助操作MySQL的基本教程

    一、percona-toolkit简介 percona-toolkit是一组高级命令行工具的集合,用来执行各种通过手工执行非常复杂和麻烦的mysql和系统任务,这些任务包括: 检查master和slave数据的一致性 有效地对记录进行归档 查找重复的索...2015-11-24
  • php语言中使用json的技巧及json的实现代码详解

    目前,JSON已经成为最流行的数据交换格式之一,各大网站的API几乎都支持它。我写过一篇《数据类型和JSON格式》,探讨它的设计思想。今天,我想总结一下PHP语言对它的支持,这是开发互联网应用程序(特别是编写API)必须了解的知识...2015-10-30
  • PHP实现无限级分类(不使用递归)

    无限级分类在开发中经常使用,例如:部门结构、文章分类。无限级分类的难点在于“输出”和“查询”,例如 将文章分类输出为<ul>列表形式; 查找分类A下面所有分类包含的文章。1.实现原理 几种常见的实现方法,各有利弊。其中...2015-10-23
  • php类的使用实例教程

    php类的使用实例教程 <?php /** * Class program for yinghua05-2 * designer :songsong */ class Template { var $tpl_vars; var $tpl_path; var $_deb...2016-11-25