黑马程序员技术交流社区

标题: 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, 下载次数: 11)

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

黑马程序员IT技术论坛 X3.2