HTML&CSS 表格:组织数据的工具

最近学习了HTML&CSS中表格的应用,现在总结一下。

一些基本的XHTML标签如下:

table    包括整个表格

tr    包括表格的一整行(也就是表格行)

th    表示表头的单元格

td    表示数据单元格


一个简单的表格的例子:

HTML代码如下:

<table>
      <tr>     
        <th>Name</th>     
        <th>Contact (Home)</th>     
        <th>Contact (Work)</th>     
        <th>Location</th>   
      </tr>   
      <tr>     
        <td>Jane Bradley</td>
        <td>02380 123123</td>     
        <td>02380 577566</td>     
        <td>Southampton</td>
      </tr>   
        <tr>
        <td>Fred Bradley</td>
        <td>01273 177166</td>
        <td>01273 946376</td>
        <td>Brighton</td>
      </tr>   
      <tr>     
        <td>Lionel Rundel</td>
        <td>01793 641207</td>
        <td>01793 626696</td>
        <td>Swindon</td>
      </tr> 
    </table>

CSS代码如下:

td {
        border: 1px solid black;
      }



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值