大家一定曾经把别人的网页另存下来看过,特别是用dw打开时,你会看到,很多网页上面都加了<tbody>这个标签,在dw中黄黄的很是显眼,那么<tbody>是个什么东东呢? 用TBODY这个标签可以控制表格分行下载,可以让其中的内容比网页中别的东东(如图片)先下载下来,这样可以让别人先看到网页的实质性的内容,不用等那么久了,在需要分行下载处加上<tbody>和</tbody>,比如: 代码如下: <table> <tbody> <tr><td>飞鸥岛</td></tr> <...
只显示上边框 <table frame=above> 只显示下边框 <table frame=below> 只显示左、右边框 <table frame=vsides> 只显示上、下边框 <table frame=hsides> 只显示左边框 <table frame=lhs> 只显示右边框 <table frame=rhs> 不显示任何边框 <table frame=void> 代码如下: <html> <head> <title>表格边框的隐藏</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> body { color:"#f...
只显示上边框 <table frame=above> 只显示下边框 <table frame=below> 只显示左、右边框 <table frame=vsides> 只显示上、下边框 <table frame=hsides> 只显示左边框 <table frame=lhs> 只显示右边框 <table frame=rhs> 不显示任何边框 <table frame=void> 表格单元格分隔线的显示与隐藏的诀窍在于rules,<TABLE>标签中有rules。 它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的分隔线,这样我们就只能看到表格的...
事实上很多人会说”我看到永远不应该使用表格”的说法,但是这绝对是错误的!这个建议只是针对使用HTML表格来定义网页的布局,但是表格在方便的排列数据信息行和列方面非常完美,而且如果你一定要在一个页面上显示表列数据,你就不得不使用它们!为什么不呢?然而,在这种情况下,一些人无视了用于table的某些HTML标签的存在并且不知道该如何正确的使用它们。HTML有10个表格相关标签。下面是一个带有简介的列表,但是首先...
一般我们用表格的时候总会给它个border属性,比如:<table border="1">,其效果如下:IDNAMEGENDER1001mikemale 可以发现表格的边框好像很宽,当然这里的“很宽”绝对不是表格border的宽,大家看到的宽应该是<td>之间有间隙所致。因此只需要修改表格的cellspacing属性即可,即:<table border="1px" cellspacing="0px">,效果如下:IDNAMEGENDER1001mikemale 但是,好像宽度还是没有我们想象的那样:只有一个像素的宽,其实,上图大...
不但让网站降低了开发和维护的成本,而且代码也更语义化了。但是,并不是说table从此消失了,它仍然被很多人用来作为网页中数据表现的必需品,比如个人信息数据列表等。事实上,使用HTML的dl、dt、dd标签会让你节省更多的代码,更能让代码符合内容的语义化。当然,table也有它的用武之地,那就是很大数据量的数据表,但是小型的数据列表和表单完全可以不使用table哦!如果你仍然在使用传统table来创建数据列表,那么请继续往下看,...
<tr> <th width="12%">AAAAA</th> <th width="12%">BBBBB</th> <th width="12%">CCCC</th> <th width="12%">DDDDD</th> <th width="12%">EEEEEE</th> <th width="12%">FFFFF<br/>FF</th> <th width="12%">GGGGG</th> <th width="16%">HHHHH</th> </tr> 使用%比调整表格时候,总和不能超过100,否则%比不起作用. 老是这么健忘,忘记再记录下.
最近给客户做打印的时候,客户提出打印时不要打印该页面的头,只是打印表格里面的内容,因为头部有背景和打印按钮,而且要细线表格的那种,我想细线表格不是很简单吗 如果你还不知道细线表格怎么做,请看下面的代码实现效果:) <table cellSpacing=0 cellPadding=0 border=0> <tr> <td bgcolor='black'> <table cellSpacing=1 cellPadding=1 border=0> <tr align=center bgcolor='#ffffff'> <td colspan=2>国家级</td><td colspan...
在我们设计网页的时候,总会遇到一些不愉快的事情,最常见的莫过于在后台添加内容后才发现显示的页面被撑开,导致网页极度不美观。以前大家基本上都是设计表格,网上自然不少对于的解决方法,如今还有div css标准设计,很少看到相关好的方法,现在潇湘在线把平时找到的防止表格被撑开的好方法总结归纳一下,和大家一起分享。一、直接在网页里设置图片大小,比如代码:<img src="https://www.gxlcms.com/images/jb51com.jpg" width=...
在表头中,可以单独定义亮边框色。基本语法<TH Bordercolorlight=color_VALUE>语法解释定义颜色的时候,可以使用英文颜色名称或十六进制颜色值表现。 文件范例:10-37.htm设定表头亮边框的颜色。01 <!-- ------------------------------ -->02 <!-- 文件范例:10-37.htm -->03 <!-- 文件说明:设定表头亮边框颜色 -->04 <!-- ------------------------------ -->05 <HTML>06 <HEAD>07 <TITLE>设定表头亮边框颜色</TITLE>08 </HEAD>...
为了美化表格,可以为行设定不同的边框颜色。基本语法 <TR Bordercolor=corder_VALUE>语法解释定义颜色的时候,可以使用英文颜色名称或十六进制颜色值表现。文件范例:10-19.htm设定行边框的颜色。01 <!-- ------------------------------ -->02 <!-- 文件范例:10-19.htm -->03 <!-- 文件说明:设定行边框的颜色 -->04 <!-- ------------------------------ -->05 <HTML>06 <HEAD>07 <TITLE>设定行边框的颜色</TITLE>08 </HEAD>09...
<TR>标记的属性用于设定表格中每一行的属性,如下表所示:表格的<TR>标记属性属 性描 述ALIGN 行内容的水平对齐VALIGN 行内容的垂直对齐BGCOLOR 行的背景颜色BORDERCOLOR 行的边框颜色BORDERCOLORLIGHT 行的亮边框颜色BORDERCOLORDARK 行的暗边框颜色文件范例:10-18.htm设定行背景的颜色。01 <!-- ------------------------------ -->02 <!-- 文件范例:10-18.htm -->03 <!-- 文件说明:设定行背景的颜色 -->04 <!-- -----------...
为了美化表格,可以为表头设定不同的边框颜色。基本语法<TH Bordercolor=color_VALUE>语法解释定义颜色的时候,可以使用英文颜色名称或十六进制颜色值表现。文件范例:10-36.htm设定表头边框的颜色。01 <!-- ------------------------------ -->02 <!-- 文件范例:10-36.htm -->03 <!-- 文件说明:设定表头边框的颜色 -->04 <!-- ------------------------------ -->05 <HTML>06 <HEAD>07 <TITLE>设定表头边框的颜色</TITLE>08 </H...
现在我们来看看怎样巧妙运用css语法美化表格。 注:除非特殊声明,本文所举各例插入的表格的cellspacing、cellpadding、border值均为0。例一:1px表格很多人热衷于制作1px表格,于是发明了各式各样的方法,用css做起来可就灵活的多。如果要制作一个1x1的1px表格只要简单定义一下边框值就可以了。我们首先用Dreamweaver插入一个1x1表格,宽度为50,然后在该表格table或者td中定义border:1 solid teal ,所做的表格的效果如下:但是要...
为表头设置背景图象,可以使用任何GIF或者JPEG图片文件。基本语法<TH BACKGROUND=FILE_name>语法解释定义背景图象时,写下图片文件的完整路径或者相对路径。文件范例:10-35.htm设定表头的背景图象。01 <!-- ------------------------------ -->02 <!-- 文件范例:10-35.htm -->03 <!-- 文件说明:设定表头的背景图像 -->04 <!-- ------------------------------ -->05 <HTML>06 <HEAD>07 <TITLE>设定表头的背景图像</TITLE>08 </H...