table表格知识点整合

一.最简单的两行两列表格(表一)

<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&

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值