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;
      }



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章