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

来源：互联网发布：淘宝外卖豆子编辑：程序博客网时间：2024/05/22 11:30

最近学习了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;      }