Neworld

表格:结构、相关属性
<!DOCTYPE html> <html> <head> ...
扫描右侧二维码阅读全文
05
2019/07

表格:结构、相关属性

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>
文章名: 《表格:结构、相关属性》

本文链接:https://www.neworld.studio/822.html

除特别注明外,文章均由 Neworld 原创

 原创文章 转载时请注明 出处 以及文章链接
最后修改:2019 年 07 月 05 日 11 : 01 AM

发表评论