html 表格

复制代码
<!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>
复制代码

 

posted @   lwx_R  阅读(29)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
点击右上角即可分享
微信分享提示