HTML入门笔记24-HTML表格举例

本篇来学习下HTML中表格的使用，在HTML中表格用<table>标签，结合表格标签，一般有<tr> <th> <td>三种标签。tr (table row)元素定义表格行，th(table head) 元素定义表头，td 元素定义表格单元。

<!DOCTYPE html>  

<html>  

    <head>  
        <title>  
            HTML 表格
        </title>  
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    </head>  
    <body>  
<center><h1>举例表格</h1></center>
<table border="1px" cellpadding="5px" cellspacing=“5px”>
<tr>
<th>国家</th>
<th>大陆</th>
<th>首都</th>
</tr>
<tr>
<td>法国</td>
<td>欧洲</td>
<td>巴黎</td>
</tr>
<tr>
<td>美国</td>
<td>北美</td>
<td>华盛顿</td>
</tr>
<tr>
<td>中国</td>
<td>亚洲</td>
<td>北京</td>
</tr>
</table>
    </body>  
</html>

运行效果

HTML入门笔记24-HTML表格举例

上面cellpadding表示规定单元边沿与其内容之间的空白，cessspacing规定单元格之间的空白。

秒客网

HTML入门笔记24-HTML表格举例

相关文章