当前位置 CSS模版园 >> 网站制作 >> html >> 第6课 第4节 html元素:表格-介绍table的使用

第6课 第4节 html元素:表格-介绍table的使用

表格

表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

<table border="1" cellpadding="3" cellspacing="1">
    <caption>我的第一个表格</caption>
    <thead>
        <tr>
            <th>表头:第一列</th>
            <th>表头:第二列</th>
            <th>表头:第三列</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>row 1, cell 1</td>
            <td>row 1, cell 2</td>
            <td rowspan="3">合并3列</td>
        </tr>
        <tr>
            <td></td>
            <td>row 2, cell 2</td>
        </tr>
        <tr>
            <td colspan="2">合并2行</td>
        </tr>
    </tbody>
</table>


标签 描述
<table> 定义表格
<caption> 定义表格标题。
<th> 定义表格的表头。
<tr> 定义表格的行。
<td> 定义表格单元。
<thead> 定义表格的页眉。
<tbody> 定义表格的主体。
<tfoot> 定义表格的页脚。
属性
border 定义表格边框
cellpadding 单元格内容与其边框之间的空白
cellspacing 增加单元格之间的距离
rowspan 合并单元格:合并行,只能在th/td中使用
colspan 合并单元格:合并列,只能在th/td中使用

声明本站所有资源仅供学习与参考,请勿用于商业用途。转载请注明来自:cssteach.com

原文http://cssteach.com/html/show-9-49.html

若文章内容有错误或无法下载,请在回复中说明(可无需登录,直接评论)

最新文章

图文

热门网站模版