发帖
雷达卡
表格语法：<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>
点赞老兄！
京公网安备 11010802022788号
