html 表格

2022-02-25 21:33:26 作者：互联网

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <!-- 表格 tr 每行 被td分割 td里面可以有标签 -->
        <!-- cellpadding 文字到边框距离 -->
        <!-- cellspacing 边框粗细 默认2 -->
        <!-- fame 属性 box above below等 -->
        <table border="0" cellspacing="" cellpadding="" frame="box">
        <caption>标题</caption>
            <tr>
                <th>Header1</th>
                <th>header2</th>
            </tr>
            <tr>
                <td>c1 r1</td>
                <td>c1 r2</td>
            </tr>
            <tr>
                <td>c2 r1</td>
                <td>c2 r2</td>
            </tr>
        </table>
        
        <h4>垂直的表头：</h4>
        <table border="1">
        <tr>
          <th>姓名</th>
          <td>Bill Gates</td>
        </tr>
        <tr>
          <th>电话</th>
          <td>555 77 854</td>
        </tr>
        <tr>
            <!-- 横跨两格的表头 colspan 跨列（横着合并）rowspan 跨行 -->
          <th rowspan="2">电话</th>
          <td>555 77 855</td>
        </tr>
        <tr>
            <td>555 77 852</td>
        </tr>
        </table>

    </body>
</html>

标签：r1,表格,555,77,r2,html,c2,c1
来源： https://www.cnblogs.com/lwx11111/p/15937866.html