html表格table

第九课：表格

<table width="60%" align="center" border="1" bgcolor="#f0f8ff" cellspacing="15" cellpadding="20">
  <caption>期中考试成绩公布</caption>
  <thead>
  <tr align="center" bgcolor="#fff8dc">
    <th>姓名</th>
    <th>语文</th>
    <th>数学</th>
    <th>英语</th>
  </tr>
  </thead>
  <tbody>
  <tr align="center">
    <td>小明</td>
    <td>89</td>
    <td>72</td>
    <td>92</td>
  </tr>
  <tr align="center">
    <td bgcolor="#6495ed">小红</td>
    <td>98</td>
    <td>60</td>
    <td>82</td>
  </tr>
  </tbody>
  <tfoot>
  <tr>
    <td colspan="4" align="right">表格创建日期：2022年3月31日11点27分</td>
  </tr>
  </tfoot>
</table>

第十课：div网页块元素

step1: div

<div>
  <div align="right"
       accesskey=""
       contenteditable="true"
       datafld=""
       dataformatas=""
       datasrc=""
       dir=""
       id="bob"
       lang="en"
       style=""
       tabindex=""
       title="">
    hello world
    <h2>welcome to beijing</h2>
  </div>

  <br/>
  <br/>
  <div class="one-div">left
  </div>
  <div class="two-div">right
  </div>
</div>

step2: css

#bob{
  background-color: red;
  padding: 10px;
}

.tom{
  font-size: 12px;
  background-color: greenyellow;
  margin: 10px;
}

.one-div{
  width: 90px;
  height: 50px;
  float: left;
  margin: 5px;
  border: 1px #ff0000 solid;
  background-color: #F8F8FF;
}

.two-div{
  width: 90px;
  height: 50px;
  float: left;
  margin: 5px;
  border: 1px #00BFFF solid;
  background-color: #FFFAF0;
}

h2{
  background-color: rebeccapurple;
  font-size: 30px;
  margin: 10px;
  padding: 10px;
}

end