HTML5基础08----HTML5表格使用

来源：互联网发布：阿里云文件上传demo 编辑：程序博客网时间：2024/06/08 13:30
<!DOCTYPE html><!--HTML5表格使用--><html><head lang="en">    <meta charset="UTF-8">    <title>表格</title></head><body><!--没有边框的表格--><table>    <!--行<tr>-->    <!--列<td>-->    <tr>        <td>第1列</td>        <td>第2列</td>        <td>第3列</td>    </tr>    <tr>        <td>第1列</td>        <td>第2列</td>        <td>第3列</td>    </tr>    <tr>        <td>第1列</td>        <td>第2列</td>        <td>第3列</td>    </tr></table><!--有边框的表格<table border="1">--><table border="1">    <!--行<tr>-->    <!--列<td>-->    <!---->    <tr>        <td>第1列</td>        <td>第2列</td>        <td>第3列</td>    </tr>    <tr>        <td>第1列</td>        <td>第2列</td>        <td>第3列</td>    </tr>    <tr>        <td>第1列</td>        <td>第2列</td>        <td>第3列</td>    </tr></table><!--表格中添加表头 <th>第1列</th>--><table border="1">    <!--行<tr>-->    <!--列<td>-->    <!---->    <tr>        <th>第1列</th>        <th>第2列</th>        <th>第3列</th>    </tr>    <tr>        <td>第1列</td>        <td>第2列</td>        <td>第3列</td>    </tr>    <tr>        <td>第1列</td>        <td>第2列</td>        <td>第3列</td>    </tr></table><!--表格中有空单元格--><table border="1">    <!--行<tr>-->    <!--列<td>-->    <tr>        <th>第1列</th>        <th>第2列</th>        <th>第3列</th>    </tr>    <tr>        <td>第1列</td>        <td></td>        <td>第3列</td>    </tr>    <tr>        <td>第1列</td>        <td>第2列</td>        <td></td>    </tr></table><!--代有标题的表格1<p>标题1</p>--><p>标题1</p><table border="1">    <!--行<tr>-->    <!--列<td>-->    <tr>        <th>第1列</th>        <th>第2列</th>        <th>第3列</th>    </tr>    <tr>        <td>第1列</td>        <td></td>        <td>第3列</td>    </tr>    <tr>        <td>第1列</td>        <td>第2列</td>        <td></td>    </tr></table><!--代有标题的表格2    <caption>标题2</caption>--><table border="1">    <caption>标题2</caption>    <!--行<tr>-->    <!--列<td>-->    <tr>        <th>第1列</th>        <th>第2列</th>        <th>第3列</th>    </tr>    <tr>        <td>第1列</td>        <td></td>        <td>第3列</td>    </tr>    <tr>        <td>第1列</td>        <td>第2列</td>        <td></td>    </tr></table><!--表格内的标签       定义列表        <td>            <ul>                <li>苹果</li>                <li>苹果</li>                <li>苹果</li>            </ul>        </td>--><table border="1">    <tr>        <th>第1列</th>        <th>第2列</th>        <th>第3列</th>    </tr>    <tr>        <td>            <ul>                <li>苹果</li>                <li>苹果</li>                <li>苹果</li>            </ul>        </td>        <td></td>        <td>第3列</td>    </tr></table><!--单元格内边距cellpadding="15"--><table border="1" cellpadding="15">    <tr>        <td>第1列</td>        <td>第2列</td>        <td>第3列</td>    </tr>    <tr>        <td>第1列</td>        <td>第2列</td>        <td>第3列</td>    </tr>    <tr>        <td>第1列</td>        <td>第2列</td>        <td>第3列</td>    </tr></table><!--单元格外边距cellspacing="15"--><table border="1" cellspacing="15">    <tr>        <td>第1列</td>        <td>第2列</td>        <td>第3列</td>    </tr>    <tr>        <td>第1列</td>        <td>第2列</td>        <td>第3列</td>    </tr>    <tr>        <td>第1列</td>        <td>第2列</td>        <td>第3列</td>    </tr></table><!--表格背景颜色--><table border="1" bgcolor="#deb88715">    <tr>        <td>第1列</td>        <td>第2列</td>        <td>第3列</td>    </tr>    <tr>        <td>第1列</td>        <td>第2列</td>        <td>第3列</td>    </tr>    <tr>        <td>第1列</td>        <td>第2列</td>        <td>第3列</td>    </tr></table><!--表格背景图片background="images/im2.jpg"--><table background="images/im2.jpg">    <tr>        <td>第1列</td>        <td>第2列</td>        <td>第3列</td>    </tr>    <tr>        <td>第1列</td>        <td>第2列</td>        <td>第3列</td>    </tr>    <tr>        <td>第1列</td>        <td>第2列</td>        <td>第3列</td>    </tr></table></body></html>
0 0