今天是 2026-6-8 星期一 QQ:545684816 TEL:13979373522
首  页 | 汉字编码 | 科普知识 | 竞赛之窗 | 音乐美术 | 婺中电教  
表格标签Table、Tr、Td常用属性
发表时间:2010-2-11    浏览次数:1486

  研究表格标签Table、Tr、Td的常用属性,有着实际的意义,当你优化由WORD复制得到的网页代码时很有用。

以下是从WORD的2*2表格复制后得到的 TABLE 代码:

<TABLE class=MsoTableGrid style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse; mso-border-alt: solid windowtext .5pt; mso-yfti-tbllook: 480; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid windowtext; mso-border-insidev: .5pt solid windowtext" cellSpacing=0 cellPadding=0 border=1>

<Table>常用的属性有: 

width="50%",表格宽度,接受绝对值(如 300)及相对值(如 80%)。 
border="1",表格边框宽度,如果去掉这个属性,就生成无边框表格。 
cellspacing="2",单元格间距,数值越大,相隔越开。 
cellpadding="2",单元格衬距,数值越大,文字与边框间距越大。 
align="CENTER",表格的摆放位置(水平),可选值为: left, right, center。 
valign="TOP",表格内图文的摆放位置(垂直),可选值为: top, middle, bottom。 
bgcolor="#0000FF",表格背景色。 
background="background.gif",表格内背景图案。如与bgcolor同用,则以background为准。 
bordercolor="#FF00FF",表格边框颜色。 
style="border-collapse: collapse",折叠表格边框 

其他表格属性,因为有些不是很常用,或者有些对浏览器类型有要求,并未列出。

而优化后的<Table>代码可为(增加“黑色边框”):
<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 border=1 bordercolor=#000000>


以下是从WORD的2*2表格复制后得到的 TR 代码(红色的为优化后代码):
<TR style="mso-yfti-irow: 0; mso-yfti-firstrow: yes">

<TR>常用的属性有:
align:行内容的水平对齐
valign:行内容的垂直对齐
bgcolor:行的背景颜色
bodercolor:行的边框颜色
bodercolorlight:行的亮边框颜色
bodercolordark:行的暗边框颜色


以下是从WORD的2*2表格复制后得到的TD代码(红色的是优化后代码):

<TD style="BORDER-RIGHT: windowtext 1pt solid; PADDING-RIGHT: 5.4pt; BORDER-TOP: windowtext 1pt solid; PADDING-LEFT: 5.4pt; PADDING-BOTTOM: 0cm; BORDER-LEFT: windowtext 1pt solid; WIDTH: 213.05pt; PADDING-TOP: 0cm; BORDER-BOTTOM: windowtext 1pt solid; BACKGROUND-COLOR: transparent; mso-border-alt: solid windowtext .5pt" vAlign=top width=284>

<TD>常用属性有:
align:单元格内容的水平对齐
valign:单元格内容的垂直对齐
bgcolor:单元格的背景颜色
background:单元格的背景图象
bordercolor:单元格的边框颜色
bordercolorlight:单元格的亮边框颜色
bordercolordark: 单元格的暗边框颜色
width:单元格的宽度
height:单元格的高度
colspan:合并的列数
rowspan:合并的行数


以下是从WORD的2*2表格复制后得到的 P 代码(红色的是优化后代码):

<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><SPAN lang=EN-US><FONT face="Times New Roman">1a<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p></FONT></SPAN></P>

<P>常用的属性有:
align:内容的水平对齐
title:指向内容时的提示

Copyright© 2006-2026, All rights reserved。
地址:紫阳镇天佑西路8号 站长:汪有万 建站时间:2006-9-1