表格:结构、相关属性

前端笔记本
554 0

b6903b47e5f149c0217f69859fab608f.png

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <!-- 表格是什么?  excel用代码展示 -->
        <!-- 应用场景:用户表成绩表 展示数据 -->
        <!-- 
        
             表格的属性:自带了一些样式
             border:表格的边框
             width:表格的宽度
             align:center 表格的水平对齐方式
             cellspacing:0 去掉单元格之间的间隙
             
         -->
        
        
        <table border="1px" width="50%" align="center" cellspacing="0">
            
            <!-- 行 -->
            <!-- 第一行 -->
            <tr>
                <td>ID</td>
                <td>用户名</td>
                <td>性别</td>
            </tr>
            
            <!-- 第二行 -->
            <tr>
                <td>1</td>
                <td>user1</td>
                <td>男</td>
            </tr>
            
            <!-- 第三行 -->
            <tr>
            <td>2</td>
            <td>user2</td>
            <td>女</td>
            </tr>
            
            <!-- 第四行 -->
            <tr>
                <td>3</td>
                <td>user3</td>
                <td>保密</td>
            </tr>
        </table>
        
    </body>
</html>
最后更新 2019-11-02
评论 ( 0 )
评论已关闭