表格语法:<table border="1" cellspacing="0" > </table>
<tr> <td></td> </tr>
在table之后,紧跟着,可以加<caption></caption> 设置表格标题
<th>设置列标题,必须在第一行<tr>里设置
<td nowrap> nowrap属性,让内容不自动换行
表格编辑技巧:
合并单元格 <td colspan="2"> 从左往右合并2个单元格(左列和右列)。利用表格组合图片
合并上下行 <td rowspan="3"> 后面两行的<tr>里省略了一组 <td></td>标记
空白单元格中,输入一个全角空格,或者 就可以避免没有内容的单元格为空白边框,显得难看。(加空格后,会有边框)
<!DOCTYPE html>HTML5已经不支持HTML4中对cellpadding(文字与表格边框线的距离)和cellspacing(边框线粗细)
<html>
<head>
<meta charset="gb2312">
<title>Ch03_03</title>
<style type="text/css">
table{border-collapse: collapse;}
td{padding: 0;}
img{display: block;}
</style>
</head>
<body>
<table>
<tr>
<td><img src="ch03_03/1.jpg"></td>
<td><img src="ch03_03/2.jpg"></td>
</tr>
<tr>
<td><img src="ch03_03/3.jpg"></td>
<td><img src="ch03_03/4.jpg"></td>
</tr>
</table>
</body>
</html>