一.最简单的两行两列表格(表一)
<body>
<p>什么都没有的表格</p>
<table><tr><td>姓名</td><td>电话</td></tr><tr><td>张三</td><td>12345678901</td></tr></table>
</body>
注意:效果等同于<table border="0px">
二.全部带有边框的表格(表二)
<body>
<p>全部带边框的表格</p>
<table border="2px">
<tr><td>姓名</td><td>电话</td></tr><tr><td>张三</td><td>12345678901</td></tr></table>
</body>
注意:border:边框属性,简写:border:边框宽度 边框样式 边框颜色;(none或者0表示无边框、solid:实线边框、double:双线边框、dashed:虚线边框、dotted点状边框.)
三.带有标题的标签(表三)
<body>
<p>带有标题的全部带边框的表格</p>
<table border="2px solid #000">
<caption>信息统计表</caption>
<tr><td>姓名</td><td>电话</td></tr><tr> <td>张三</td><td>12345678901</td></tr></table>
</body>
注意:caption设置表格标题
效果:
(表一) (表二) (表三)
四.单元格边框及其内容直接的空白(表四)
<body>
<p>单元边沿与其内容之间的空白</p>
<table border="2px solid" cellpadding="10">
<tr><td>姓名</td><td>电话</td></tr><tr><td>张三</td><td>12345678901</td> </tr></table>
</body>
五.单元格之间的空白 (表五)
<body>
<p>单元格之间的空白</p>
<table border="2px solid" cellspacing="10"><tr><td>姓名</td><td>电话</td&