. 將課堂介紹過的<a>,<img><ul>,<table>,<iframe>的案例,全部上機練習,并自己擴展一些案例,發(fā)布到作業(yè)博客中;

標簽<a>

跳轉(zhuǎn)到站外

<a href="https://www.taobao.com/">京東</a>
<a href="跳轉(zhuǎn)地址"><img src="圖片名稱"  /></a>
<a href="跳轉(zhuǎn)地址">文字跳轉(zhuǎn)</a>

標簽<img>

<img src="圖片地址">
<img src="圖片名稱" alt="" />

標簽<ul>

  <!--1,有序列表-->
    <h3>東京奧運獎牌榜</h3>
    <ol>
      <li>美國:113</li>
      <li>中國:88</li>
      <li>日本:58</li>
    </ol>
     <!--2,有序列表-->
    <h3>購物車</h3>
    <ul>
      <li>筆記本電腦一臺</li>
      <li>藍牙耳機一副</li>
      <li>衛(wèi)生紙10卷</li>
    </ul>
    <ul class="menu" style="display: flex; place-content: space-around">
      <li class="item"><a href="">首頁</a></li>
      <li class="item"><a href="">教學視頻</a></li>
      <li class="item"><a href="">社區(qū)問答</a></li>
      <li class="item"><a href="">資源下載</a></li>
      <li class="item"><a href="">關于我們</a></li>
    </ul>

標簽<table>

<table width="1000" border="1">
      <!--標題-->
      <caption>
        表格標題
      </caption>
      <!--表頭-->
      <thead>
        <tr bgcolor="lightgreen">
          <td>X</td>
          <td>X</td>
          <td>X</td>
          <td>X</td>
          <td>X</td>
          <td>X</td>
        </tr>
      </thead>
      <!--表格中的所有數(shù)據(jù)必須放在單元格td的元素中，必須寫到tr中-->
      <!--表格主體-->
      <tbody>
        <tr>
          <td>X</td>
          <td>X</td>
          <td>X</td>
          <td>X</td>
          <td>X</td>
          <td>X</td>
        </tr>
        <tr>
          <td>X</td>
          <td>X</td>
          <td>X</td>
          <td>X</td>
          <td>X</td>
          <td>X</td>
        </tr>
        <tr>
          <td>X</td>
          <td>X</td>
          <!--從表體2行3列開始水平方向合并3列-->
          <td bgcolor="red" colspan="3">X</td>
          <!---<td>X</td>
          <td>X</td>--->
          <td>X</td>
        </tr>
        <tr>
          <td>X</td>
          <td bgcolor="violet" rowspan="2">X</td>
          <td>X</td>
          <td>X</td>
          <td>X</td>
          <td>X</td>
        </tr>
      </tbody>
      <!--注意2點；合并操作一定是發(fā)生在 單元格上td元素-->
      <!--合并屬性colspan，rowspan，一定要寫到被合并的起始單元格上-->
      <tfoot>
        <tr>
          <td>X</td>
          <td>X</td>
          <td>X</td>
          <td>X</td>
          <td>X</td>
          <td>X</td>
        </tr>
      </tfoot>
    </table>
    <table border="1" width="1000">
      <hr />
      <caption>
        合肥市南門小學五年級課程表
      </caption>
      <thead bgcolor="lightgreen">
        <tr>
          <td>時間</td>
          <td>周一</td>
          <td>周二</td>
          <td>周三</td>
          <td>周四</td>
          <td>周五</td>
        </tr>
      </thead>
      <!--上午-->
      <tbody>
        <tr>
          <td rowspan="4">上午</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
        </tr>
        <tr>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
        </tr>
        <tr>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
        </tr>
        <tr>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
        </tr>
      </tbody>
      <!--中午-->
      <tbody>
        <tr>
          <td colspan="6">中午休息</td>
        </tr>
      </tbody>
      <!--下午-->
      <tbody></tbody>
      <tbody>
        <tr>
          <td rowspan="3">下午</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
        </tr>
        <tr>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
        </tr>
        <tr>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
          <td>數(shù)學</td>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <td>備注:</td>
          <td colspan="5">每天下午15:30-17:30在校寫作業(yè)</td>
        </tr>
      </tfoot>
    </table>

標簽<iframe>

<body>
    <h2><a href="https://www.taobao.com/" target="taobao">淘寶</a></h2>
    <iframe
      srcdoc="<em>點擊上面的鏈接打開</ em>"
      frameborder="1"
      width="400"
      height="400"
      name="taobao"
    ></iframe>
    <hr />
  </body>

    <!--右側內(nèi)容區(qū)-->
    <iframe
      srcdoc="<P>請點擊左邊菜單欄打開</P>"
      frameborder="0"
      name="content"
    ></iframe>

2. 預習css知識

什么是CSS？

CSS通常稱為CSS樣式表或?qū)盈B樣式表（級聯(lián)樣式表），主要用于設置HTML頁面中的文本內(nèi)容（字體、大小、對齊方式等）、圖片的外形（寬高、邊框樣式、邊距等）以及版面的布局等外觀顯示樣式。
CSS以HTML為基礎，提供了豐富的功能，如字體、顏色、背景的控制及整體排版等，而且還可以針對不同的瀏覽器設置不同的樣式。

批改老師：PHPz

批改狀態(tài)：合格

老師批語：