1.HTML上手练习 2. 预习css知识

1. 将课堂介绍过的<a>,<img><ul>,<table>,<iframe>的案例,全部上机练习,并自己扩展一些案例,发布到作业博客中;

<a><img><ul>标签

    <ul>
      <li>
        <a href="https://www.taobao.com/" target="_blank">淘宝</a>
      </li>
      <li>
        <a href="https://www.baidu.com/" target="_self"><img src="https://mbdp01.bdstatic.com/static/landing-pc/img/logo_top.79fdb8c2.png" alt="百度"/></a>
      </li>
      <li>
        <a href="https://www.baidu.com/" target="iframe">Iframe打开百度</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>
      <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>
          <td bgcolor="red" colspan="3">X</td>
          <td>X</td>
        </tr>
        <tr>
          <td>X</td>
          <td bgcolor="violet" colspan="2" rowspan="2">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>
        </tr>
      </tbody>
      <tfoot>
        <tr>
          <td>X</td>
          <td>X</td>
          <td>X</td>
          <td>X</td>
          <td>X</td>
          <td>X</td>
        </tr>
      </tfoot>
    </table>

<iframe>标签

    <a href="https://www.taobao.com/" target="iframe">淘宝</a>
    <iframe
      srcdoc="点击上面的链接打开"
      frameborder="1"
      width="400"
      height="400"
      name="iframe"
    ></iframe>

2. 预习css知识

CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。
CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。