黑马程序员技术交流社区

标题: Html做表格 [打印本页]
作者: 牛江伟    时间: 2019-8-20 15:11
标题: Html做表格
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生信息表</title>
</head>
<body>
<table border="1" width="30%" cellspacing="0" align="center" >
    <caption>学生成绩表</caption>
    <tr>
        <th>编号</th>
        <th>姓名</th>
        <th>性别</th>
        <th>成绩</th>
    </tr>
    <tr>
        <td align="center">1</td>
        <td align="center">小龙女</td>
        <td align="center">女</td>
        <td align="center">100</td>
    </tr>
    <tr>
        <td align="center">2</td>
        <td align="center">杨过</td>
        <td align="center">男</td>
        <td align="center" rowspan="2">90</td>
    </tr>
    <tr>
        <td align="center">3</td>
        <td align="center">金轮法王</td>
        <td align="center">男</td>
    </tr>
    <tr>
        <td align="center">总成绩</td>
        <td align="center" colspan="3">190</td>
    </tr>
</table>

</body>
</html>

案例效果.png (20.16 KB, 下载次数: 10)

案例效果.png




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2