Blogger Information
Blog 24
fans 0
comment 0
visits 15461
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
3.16作业修改后补交
小蚂蚁的博客
Original
665 people have browsed it

<!DOCTYPE html>
<html>
<head>

      
  <meta charset="utf-8">
  <title>4.1表格的基本属性</title>
</head>
<body>

  <table border="1" cellpadding="0" cellpadding="0" align="
   center" width="90%" cellspacing="0">
    <caption><h2>同学战绩表</h2></caption>
    <colgroup span="1" bgcolor="lightgreen"></colgroup>
    <colgroup span="1" bgcolor="lightgreen"></colgroup>
    <colgroup span="2" bgcolor="lightyello"></colgroup>
    <colgroup span="3" bgcolor="lightyello"></colgroup>
    <colgroup span="2" bgcolor="cyan"></colgroup>
   <!--1.创建表格使用的的<table>标签
    2.创建表格的基本步骤:先写行,在写(单元格)
    3.用户数据全部保存在单元格中的
    4.<table>下面的子标签:<tr>行,<td>列, 单元格,<th>用在表头的单元格里
    5.<caption>表格标题</caption> -->
  
     
      <thead>
        <tr>
          <th colspan="2">信息</th>
          <th colspan="7">科目</th>
           <th colspan="2" rowspan="2">操作</th>
        </tr>
        <tr bgcolor="skybliue">
        <th colspan="1">ID</th>
        <th colspan="1">名字</th>
        <th>语文</th>
        <th>英语</th>
        <th>数学</th>
        <th>体育</th>
        <th>历史</th>
        <th>化学</th>
        <th>地理</th>
       
       
       
 
      </tr>
    
      </thead>
      <tbody>
        <tr >
         <td>01</td>
         <td>梁礼军</td>
         <td>60</td>
         <td>78</td>
         <td>90</td>
         <td>99</td>
         <td>55</td>
         <td>68</td>
         <td>29</td>
         <td><a href="">疑问咨询</a></td>
      </tr>
      <tr>
        <td>02</td>
         <td>羽田爱</td>
         <td>91</td>
         <td>70</td>
         <td>60</td>
         <td>80</td>
         <td>47</td>
         <td>29</td>
         <td>67</td>
         <td><a href="">疑问咨询</a></td>


      </tr> 
       <tr>
       
         <td>04</td>
         <td>苍井空</td>
         <td>88</td>
         <td>90</td>
         <td>80</td>
         <td>100</td>
         <td>58</td>
         <td>90</td>
         <td>10</td>
         <td><a href="">疑问咨询</a></td>

     </tr>
      <tr>
       
         <td>05</td>
         <td>石原里美</td>
         <td>98</td>
         <td>56</td>
         <td>76</td>
         <td>69</td>
         <td>56</td>
         <td>78</td>
         <td>29</td>
         <td><a href="">疑问咨询</a></td>


      </tr>
       <tr >
       
         <td>06</td>
         <td>麻生希</td>
         <td>88</td>
         <td>96</td>
         <td>66</td>
         <td>90</td>
         <td>96</td>
         <td>69</td>
         <td>60</td>
         <td><a href="">疑问咨询</a></td>

      </tr>
       <tr>
        <td>07</td>
         <td>陈浩南</td>
         <td>13</td>
         <td>22</td>
         <td>10</td>
         <td>100</td>
         <td>23</td>
         <td>18</td>
         <td>1</td>
         <td><a href="">疑问咨询</a></td>
    </tr>
    <tbody>
      <tfoot>
         <tr bgcolor="lightyello">
           <td colspan="2">平均</td>
           <td>73</td>
           <td>68.67</td>
           <td>63.67</td>
           <td>89.67</td>
           <td>55.84</td>
           <td>58.67</td>
           <td>37.67</td>
           <td></td>


         </tr>
      </tfoot>
    </table>
    <p> 
      <a href="">首页</a>
       <a href="">上一页</a>
       <a href="">1</a>
       <a href="">2</a>
       <a href="">3</a>
       <a href="">4</a>
       <a href="">…</a>
       <a href="">下一页</a>
       <a href="">尾页</a>
     </p>
   
</body>

<html>@N%1O6SHWOC5@%]XTIJ1N3O.png 

 IBLUN15QYF(_78]WA_OHHD5.png

   


Correction status:Uncorrected

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post