03

2022/3/8 23:17:58

本文主要是介绍03,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>表格</title>
    </head>
    <body>
        <!-- 
            table 表格
            tr 行
            td 列
            th 表头列 自动加粗且居中
         -->
         <!--
            table的属性
                border 控制有无边框
                width 表格的宽度
                cellspacing 单元格间距 单元格和单元格间的间隙
                cellpadding 单元格填充 内容和边框的距离
                这些都被淘汰了,用css控制
        -->
        <!--
            tr的属性
                align:center left(default) right
                淘汰了
        -->
        <table border="1" width="300" cellspacing="3" cellpadding="3">
            <tr><th>Header</th></tr>
            <tr>
                <td>一</td>
                <td>二</td>
                <td>三</td>
            </tr>
            <tr>
                <td>one</td>
                <td>tow</td>
                <td>three</td>
            </tr>
            <!-- align="center" 居中 -->
            <tr align="center">
                <td>Ⅰ</td>
                <td>Ⅱ</td>
                <td>Ⅲ</td>
            </tr>
        </table>
        
        <!-- 加条直线 -->
        <hr />
        
        <table border="1" cellspacing="2" cellpadding="4" width="400">
            <tr>
                <th>姓名</th>
                <th>学号</th>
                <th>班级</th>
                <th>学校</th>
                <th>操作</th>
            </tr>
            <tr align="center">
                <td>张三</td>
                <td>01</td>
                <td>x2005-1</td>
                <td>std</td>
                <td>修改 删除</td>
            </tr>
            <tr align="center">
                <td>李四</td>
                <td>02</td>
                <td>x2005-1</td>
                <td>std</td>
                <td>修改 删除</td>
            </tr>
            <tr align="center">
                <td>王五</td>
                <td>03</td>
                <td>x2005-1</td>
                <td>std</td>
                <td>修改 删除</td>
            </tr>
        </table>
        
        
    </body>
</html>

 



这篇关于03的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程