表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框图,而不影晌单元格。 只显示上边框 <table frame=above> 只显示下边框 <table frame=below> 只显示左、右边框 <table frame=vsides> 只显示上、下边框 <table frame=hsides> 只显示左边框 <table frame=lhs> 只显示右边框 <table frame=rhs> 不显示任何边框 <table frame=void>
<TABLE cellSpacing=0 cellPadding=0 rules=none width=200 border=1> <TBODY> <TR align=middle> <TD>横</TD> <TD> </TD> <TD>线</TD></TR> <TR align=middle> <TD>竖</TD> <TD> </TD> <TD>线</TD></TR> <TR align=middle> <TD>都</TD> <TD>没</TD> <TD>了</TD></TR></TBODY></TABLE> 我们可以看到<TABLE>标签中都有rules。 它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的分隔线,这样我们就只能看到表格的行;当rules=rows时,则 隐藏了横向的分隔线,这样我们只能看到表格的列;而当rules=none时,纵向分隔线和横向分隔线将全部隐藏。 温馨小提示:您也可以在网页编辑器里制作好您的表格后,再把rules=none这类参数复制到<table>标记里
初学者在使用表格时,可能会遇到各种问题,由于对标记还不是很熟悉,所以往往对这些问题感到莫名其妙,一筹莫展。有时侯甚至因为在这些问题上纠缠不清而最终心烦意乱丧失了继续学习的兴趣。所以在这里,我们列出了表格使用过程中最常见的问题来加以分析,希望能给大家带来帮助 1.表格的变形问题 网页在不同的屏幕分辨率、或改变窗口时常出现一些页面变形情况。例如: A、因为表格排列设置而在不同分辨率下所出现的错位 这种变形情况是: 1、在800*600的分辨率下时,一切正常,而到了1024*800时,则多个表格或者有的居中,有的却左排列或右排列,很难看,这是什么原因呢? 在解决这个问题之前,我们讲一下表格的排列。表格有左、中、右三种排列方式,如果没特别进行设置,则默认为居左排列,不用说了,这就是问题之所在。在800*600的分辨率下,表格恰好就有编辑区域那么宽,不容易察觉,而到了1024*800的时候,就出现的,解决的办法比较简单,即都设置为居中,或左或右。 2、同样是这种分辨率切换,表格的上下排列不一致。 上边的所说的是水平错位,而这种则是纵向错位,多发生在一个表格单元里嵌入另一个表格的情况。其原因在于,嵌入的表格默认为竖向居中排列,在800*600分辨率时,这种错位看不出来,而到1024*800就出现了,解决办法如前,根据情况对排列进行设置,选中这个不对齐的表格,然后单击向左的方向键,此时再单击“单元格属性”按钮,将垂直方式设为居顶,而不是采用其默认设置。 B、采用百分比而出现的变形 这里所说的百分比是指表格的高或宽设置为上层标记所占区域高或宽的百分比,如在一个表格单元的宽度是600,在它里面嵌入了另外一个表格,表格宽度占表格单元的50%,则这个表格的宽度为300,依此类推,如果在一个表格不是嵌于另一个表格单元中,则其百分比是相对于当时窗口的宽度的,常出现在IE浏览器中,随便改动主页窗口的大小时,表格的内容也随之错位、变形,这是因为表格的百分比也要随着窗口的大小而改变成相应的百分比宽度。 当然了,解决办法是不要设置成百分比,我们建议,如果表格没有外围嵌套标记,则将宽度等设置成固定宽度,如有外围嵌套标记,则将外围嵌套标记的宽度设置为固定值,而表格的宽或高可设置为百分比,这样就不会出现变形了。 C、表格单元格之间互相干扰引起的变形 这种变形情况通常是在制作主页时没有空隙,而在浏览时却发现莫名其妙地多出一些空隙。 解决办法一是先看表格设置有没有上面所谈的两种情况,如没有,可能就是在划分表格时,同一行的单元格之间相互牵制所出现的问题。 我们知道,同一行的表格单元根据需要,可能被拆分,所以同一行的单元格与另一个单元格的宽与高不一致,这时,您就要注意两个单元格属性:colspan、rowspan。colspan表示的是横向扩展,而rowspan则表示的是纵向扩展,这个扩展的意思即当前表格单元相邻的横向与竖向的表格单元数,也可这样理解为表格单元的高或宽是相邻几个表格单元的高或宽的相加和,如下图。 这个单元格横向所占用的宽度是3个表格单元的宽度(这里取最大值),即colspan=3;而竖向的高度是三个表格单元高度的总和,即rowspan=3。 那么我们说的这种变形就和这个设置有关,如果改变相邻单元格的高或宽与个数时,图中所指的单元格也会发生相应的变化,相互制约,调整起来很麻烦,这非我们所希望的,所以如果表格比较复杂,建议您最好采取嵌表格的形式,这样,可以少一些单元格之间相互干扰情况,而使单元格之间相对独立。 出现变形有情况还很多,我们就不一一陈述,建议您在划分表格时,除了一些必要的高、宽设置外,将其它的高、宽设置全部删掉,一则减少了冗余代码,另则,也免除一些摸不着头脑的错误。 2、图片显示的问题 有时候我们明明在单元格中插入了背景图片,但是一预览背景图片就不显示了。遇到这种情况,不要着急,检查一下您的代码是否正确,比如下面这段表格代码: <FONT color=#ee1111><table width="300" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000"> <tr background="hzz01_050213.gif"> <td height="19"> </td> <td height="19"> </td> </tr> </table> </FONT> 不错,上面的背景图确实有(background="hzz01_050213.gif"),但由于放错了地方,所以就显示不出来了,请把背景属性即红色标记处的代码,剪切出来,然后粘贴到<td>标记里面,然后再预览一次即可。 正确的表格代码如下: <FONT color=#09f709><table width="300" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000"> <tr> <td height="19" background="hzz01_050213.gif"> </td> <td height="19" background="hzz01_050213.gif"> </td> </tr> </table></FONT> 如果不是这种情况,则检查一下图片的路径对不对,或者是看服务器上是否存在这张图片。 3、表格布满页面的问题 我们在很多地方看到为了使页面适应不同的分辨率,通常将表格的大小按百分比设置。比如把表格的宽度设置为100%,但在浏览器上还是不能满屏显示,四周总有一圈空白,这个问题很好解决,将表格的水平对齐方式设为左对齐,垂直对齐方式设为居顶即可。 4、任意大小的表格 用拖动鼠标的方法改变表格的大小时,您会发现当表格的高度为10时就不能拖动了,或者您在属性面板里将表格的高度定义为5个象素,但是在浏览器中显示的并不是高为5个象素的表格,是不是不能制作这样的表格呢?当然不是,这个问题我们在细线表格的制作方法中已经涉及到了,设置完表格的高度后,还需要把单元格中的“ ”去掉,见下例: 5、被撑大的表格 情况一: 有的客户会问已经定义了表格的大小,但为什么会在输入内容后,表格变大了呢?这个问题应该不算是问题,表格的大小不仅与自身的属性有关,还要受表格里的内容的影响。譬如设置了表格的尺寸为120*80,然后在表格里插入一个150*100的图象,很明显按表格的尺寸根本“装”不下这个图片,所以当在浏览器中查看时会发现表格变大了(此时,在属性面板里表格的大小依然显示的是120*80,所以会让新手感到奇怪。实际上在插入图片时表格的尺寸已经发生了改变,不过由于软件的局限性没显示出来罢了),如果您确实需要表格不随插入的图片而改变的话,简单的办法就是把图片作为背景,不过,这图片看起来可不怎么样了。 情况二: 我们经常会在做完表格排版后预览,发现表格的样子变了,不是有的高度变长了,就是宽度变宽了,而这个改变很容易把整个网页挤得变形了。出现这个情况的原因可能是:您在排版的时候,把表格高度或长度用鼠标拖长或拖短过,这样DW就会在您网页代码中自动加入一些宽的长度代码或高度代码。比如style="WIDTH: 804px; HEIGHT: 91px" 当您预览的时候浏览器就会按这些代码来显示,于是就会出现表格样子发生变化。 当您发现表格太宽了,单击“表格属性”修改了宽度后,还是不能解决。所以此时,应该进入“代码”区,把style="WIDTH: 804px; HEIGHT:91px"这样的样式代码删除掉。 总结 表格的使用中我们还会碰到许多这样那样的问题,但是有问题没关系,您可以联系客服解决,或者多去一些比较好的设计技术论坛讨论,多看多观察,多思考、动手实践,只要肯学,一样会成为网页制作的高手。
一. 为什么要优化? 节省带宽 服务器带宽是有限制的,为了支持更多在线人数,可以租用更多带宽,也可以增加服务器,但如果能通过优化代码减小网页体积,例如减少50%,那原本支持1000人同时在线的带宽现在就可以支持2000人了,这样就节省了昂贵的带宽费用 减少页面下载及解析时间 虽然现在大部分都是宽带,带宽非常充足,但一般访客都不只打开一个页面,而是同时访问多个网站,加上聊天、下载等工具占用一定带宽,这样带宽就显得拥挤了,减少页面体积可以缩短下载时间,同时也能减少客户端浏览器的解析时间 二. 优化原则及方法 1,不影响原外观 2,不要把整个页面放到一个表格里面 3,不要嵌套太多表格,因为表格需要代码全部下载才能显示出来 4,不要放太的Flash动画、图片、视频,能用GIF格式的就不用JPG的。大图最好切成几块再拼。尽量不要插入音乐(包括背景音乐),因为音乐也是要先全部下载完成才会播放,每个网民打开您的网站,就要重新下载一次,不仅拖慢网页打开的速度,还会占用带宽,导致空间里其它的用户网站也慢。 5,不要用太多JavaScript特效,用户是来看内容不是看特效 6,尽量把大图切成小图,可以再次利用的图片就无需再另切图了 7,不要直接引用别人的图片网址,包括友情链接图片的网址.要直接在网站管理后台里上传再使用. 8,友情链接最好用文字链接:感觉比较整洁,另外,尽量和同行网站交换连接,可以把其中的有些字连接起来,当作自己站的关键字。比如:你是一个学生站,对方站的名字叫 “**大学学生论坛”,可以写成这样:< A HREF="....">**大学< /A>< A HREF="....">学生< /A>< A HREF="....">论坛< /A>,这样不影响link,又突出了关键字。 三. SEO SEO全称是Search Engine Optimization,即针对搜索的优化。网站在推出之后,最大的难点莫过于推广,而通过搜索引擎带来的流量是不可忽视的,如何通过优化使搜索引擎最大限度的收录网站,也就成为重要课题。 搜索引擎是根据关键词来收录网页的,您在添加关键词时,要先考虑一下,您的意向客户会输入什么样的关键词来找您这类型的网站?挑选的关键词当然必须与自己的产品或服务有关.比如您在太原提供网站建设业务,关键词就用:太原建站 网站建设 等等.注意关键词不要出现重复. 网页中的关键词主要有以下几个部位: 1,标题标记 方法:在网站管理后台,点网站参数设置,设置好明确的网站名称,即网页标题<title> 但各搜索引擎都会对标题进行截断,具体为baidu 20字、google 30字、Yahoo 20字、MSN Search 25字(均为中文) 所以标题不能过长,要跟正文内容符合,例如一个《碟中碟》电影页面,标题可以为“碟中碟 汤姆克鲁斯 酷娱乐 91Q.com” 2,META标记 方法:进入软件的超级后台,将模板改成私有的,然后修改模板,在<head></head>标记之间插入以下两行代码.将代码中的中文字,换成具体的内容即可. <meta name="description" content="网页简述"> <meta name="keywords" content="关键字"> 3,大标题标记:< H1>文本< /H1>等 从<h1>到<h6>分别用数字的大小来表示标题内容的重要性,以黑体显示,<h1>的字体最大,表示最重要,<h6>的字体最小,表示最不重要 4,链接文本 文章、新闻经常标题过长,为了页面美观而不得不截短,加入title属性,一来有利于访客阅读完整标题,也有利于搜索引擎的收录 方法:给文字做好超链接后,切换到"代码"区,找到相应的文字后,在它的<a >标记里,添加title="新闻或者文字标题的全称" 例如: <a href="test.htm" title="浅谈Flash ActionScript代码优化">浅谈Flash ActionScr…</a> 如果文章新闻的标题不长,则不需要加title标记. 例如:< A HREF="http://www.xuanqi8.com ">文本< /A> 5,网页正文:< BODY>文本< /BODY> 这里的文本就是在后台的网页编辑器里输入的所有文字 6,ALT标记: < IMG SRC="1.gif" BORDER=0 ALT="关键字"> 方法:在网页编辑器里插入图片时,加上"说明文字" 7,注释标记:< !--文本--> 8,输入标记:< INPUT TYPE="HIDDEN" NAME="HIDDEN" VALUE="关键词"> 比如用户网站管理中的按钮名称:网站管理 申请 等关键词
利用表格(TABLE)标签的两个元素属性borderColorDark、borderColorLight,另外还要加上对bgcolor(即表格背景色)元素属性以及对色彩的较好把握, 即可制作出三维表格。 HTML表格带立体效果的三维表格,是依靠边线亮度实现的。边线亮色分明色(Light)和暗色( Dark),调整表格边框亮度实际上就是指定其明暗两种颜色,由TABLE元素的borderColorLight、borderColorDark属性来定义。 1、下例是将边框明色设为白色,暗色设为紫酱色: 以下是代码片段: TABLE cellSpacing=1 borderColorDark=maroon cellPadding=0 borderColorLight=white border=1> <TBODY> <TR> <TH>Food</TH> <TH>Drink</TH> <TH>Sweet</TH> <TR> <TD>A</TD> <TD>B</TD> <TD>C</TD></TR></TBODY></TABLE>
有时候我们需要把两个单独的表格并排排列,但是当我们连续插入两个表格的时候,表格会自动分成上下排列,如何解决这个问题呢? 方法一:利用表格的嵌套(我们可以先做一个一行两列的表格,然后在这个表格的每个单元格里在插入一个表格就行了) 详细的操作步骤如下: 1、单击“插入表格”按钮,插入一个1行2列的表格,相关属性设置是: 边框粗细、单元间距、单元边距都设为0 表格宽度可以默认为100%,也可以设成固定值,本例设为440像素。 2、在这个表格的每个单元格里再分别插入一个1行1列的表格,相关属性设置是: 边框粗细设为1,单元间距和单元边距设为0 表格宽度设为98%,也可以设成固定值,本例设为200像素 代码如下: <table width="440" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <table width="200" cellspacing="0" cellpadding="0" bordercolor="#000000" border="1"> <tr> <td> </td> </tr> </table> </td> <td> <table width="200" cellspacing="0" cellpadding="0" bordercolor="#000000" border="1"> <tr> <td> </td> </tr> </table> </td> </tr> </table> (推荐)第二种方法:连续插入两个表格后,将第一个表格(注意,是表格而不是单元格)的水平对齐方式设置为“左对齐"”就ok了!) 详细的操作步骤如下: 1、单击“插入表格”按钮,插入一个1行1列的表格,相关属性设置是: 边框粗细设为1, 单元间距和单元边距设为0, 对齐方式设为左对齐, 表格的宽度设为50% 2、再次单击“插入表格”按钮,插入一个1行1列的表格,相关属性设置是: 边框粗细设为1, 单元间距和单元边距设为0, 表格的宽度设为50% 代码如下: <table width="50%" cellspacing="0" cellpadding="0" bordercolor="#000000" border="1" align="left"> <tr> <td> </td> </tr> </table> <table width="50%" cellspacing="0" cellpadding="0" bordercolor="#000000" border="1"> <tr> <td> </td> </tr> </table>
版权所有:网站通建站专家网 请勿翻版转载
地址:中国·江西·宜春市官山路75号
在线咨询:
咨询电话:15507950000 投诉建议:13177777713 邮箱:wangzhant@qq.com
《中华人民共和国信息产业部ICP网站备案》 IPC备案号:赣ICP备08003251号