表格嵌套—JavaWeb学习之路Day1

来源:互联网 发布:淘宝二手市场入口 编辑:程序博客网 时间:2024/06/13 10:27
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>表格嵌套</title>
</head>

<body>
 <table border=1 width=300px align="center"> <!--建立一个边框为1,宽度为300px,排列方式为居中的表格-->
  <caption>学生成绩表</caption> <!--表头-->
  <tbody align="center"> <!--表的正文-->
   <tr>
    <th>姓名</th>
    <th colspan="2">成绩</th>
   </tr>
   <tr>
    <td rowspan=2>日晖</td>  <!--该表单元格跨2行-->
    <td>语文</td>
    <td>90</td>
   </tr>
   <tr>
    <td>数学</td>
    <td>80</td>
   </tr>
   <tr>
    <td rowspan=3>杨超</td>  <!--该表单元格跨3行-->
    <td>语文</td>
    <td>95</td>
   </tr>
   <tr>
    <td>数学</td>
    <td>122 </td>
   </tr>
   <tr>
    <td>英语</td>
    <td>76 </td>
   </tr>  
  </tbody>
 </table>
</body>
</html>
0 0