制作网页时，要合理规划网页布局。比如，在网页中添加一个表格，可分为上、中、下三部分，上部存放网页标题或LOGO图片，中间部分是整个网页的主体内容，底部就是相关制作信息。此外，单元格里还可再添加单元格，将内容分类别、分层次合理规划。
表格标签--table
是一个双标签。一个表格中包含<table>、<tr>、<td>三个基本元素。首标签<table>和尾标签</table>表示一个表格的开始和结束。'tr=tablerow'用于表示一行的开始和结束,'td=tabledata'用来表示行中个单元格的开始和结束。
<table>
<tr>
<td>单元格内容</td>
<td>单元格内容</td>
</tr>
<tr>
<td>单元格内容</td>
<td>单元格内容</td>
</tr>
...
</table>
表格的标题--caption
有一种特殊的单元格叫做标题单元格，位于表格的第一行，标题单元格是没有边框的，默认居中显示。
<caption>表格的标题</caption>
表格边框--border
默认情况下，表格不显示边框。为了更好的区分内容，可以设置表格边框宽度大小，
<tableborder='边框属性'>
表格内文字与边框的距离--cellpadding
默认情况下，文字紧贴边框。通过cellpadding可以调整文字与边框之间的距离
<tablecellpadding='文字与边框的距离'>
表格中单元格之间的距离--cellspacing
表格中单元格之间的距离也可以变化。
<tablecellspacing='单元格之间的距离'>
单元格背景图像--background
<tablebackground='图片'>
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>小白</title>
</head>
<body>
<p>默认情况下的表格</p>
<tableborder="2"align="center">
<caption>亚洲</caption>
<tr>
<td>中国</td>
<td>北京</td>
<td>1949年10月1日</td>
</tr>
<tr>
<td>缅甸</td>
<td>内比都</td>
<td>1948年1月4日</td>
</tr>
</table>
<hr/>
<p>设置属性后的表格</p>
<!--bgcolor：行背景颜色-->
<tablecellpadding="15"cellspacing="10"border="2"bgcolor="#8fbc8f"align="center">
<caption>亚洲</caption>
<tr>
<td>中国</td>
<td>北京</td>
<td>1949年10月1日</td>
</tr>
<tr>
<td>缅甸</td>
<td>内比都</td>
<td>1948年1月4日</td>
</tr>
</table>
</body>
</html>
本文转载自中文网
本文转载自中文网
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h54541.shtml
