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

<a><img><ul>标签

  1.     <ul>
  2.       <li>
  3.         <a href="https://www.taobao.com/" target="_blank">淘宝</a>
  4.       </li>
  5.       <li>
  6.         <a href="https://www.baidu.com/" target="_self"><img src="https://mbdp01.bdstatic.com/static/landing-pc/img/logo_top.79fdb8c2.png" alt="百度"/></a>
  7.       </li>
  8.       <li>
  9.         <a href="https://www.baidu.com/" target="iframe">Iframe打开百度</a>
  10.       </li>
  11.     </ul>

<table>标签

  1.     <table width="1000" border="1">
  2.       <caption>
  3.         横竖向合并
  4.       </caption>
  5.       <thead>
  6.         <tr bgcolor="lightgreen">
  7.           <td>X</td>
  8.           <td>X</td>
  9.           <td>X</td>
  10.           <td>X</td>
  11.           <td>X</td>
  12.           <td>X</td>
  13.         </tr>
  14.       </thead>
  15.       <tbody>
  16.         <tr>
  17.           <td>X</td>
  18.           <td>X</td>
  19.           <td>X</td>
  20.           <td>X</td>
  21.           <td>X</td>
  22.           <td>X</td>
  23.         </tr>
  24.         <tr>
  25.           <td>X</td>
  26.           <td>X</td>
  27.           <td>X</td>
  28.           <td>X</td>
  29.           <td>X</td>
  30.           <td>X</td>
  31.         </tr>
  32.         <tr>
  33.           <td>X</td>
  34.           <td>X</td>
  35.           <td bgcolor="red" colspan="3">X</td>
  36.           <td>X</td>
  37.         </tr>
  38.         <tr>
  39.           <td>X</td>
  40.           <td bgcolor="violet" colspan="2" rowspan="2">X</td>
  41.           <td>X</td>
  42.           <td>X</td>
  43.           <td>X</td>
  44.         </tr>
  45.         <tr>
  46.           <td>X</td>
  47.           <td>X</td>
  48.           <td>X</td>
  49.           <td>X</td>
  50.         </tr>
  51.       </tbody>
  52.       <tfoot>
  53.         <tr>
  54.           <td>X</td>
  55.           <td>X</td>
  56.           <td>X</td>
  57.           <td>X</td>
  58.           <td>X</td>
  59.           <td>X</td>
  60.         </tr>
  61.       </tfoot>
  62.     </table>

<iframe>标签

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

2. 预习css知识

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

更多相关文章

  1. 【前端】在苹果safari浏览器上video标签无法正常播放视频
  2. img标签到底是行内元素还是块级元素
  3. #makedown第二节 个人笔记
  4. 初识JS变量与常量、函数、作用域与闭包、模板字符串与标签函数
  5. Vue组件为什么data必须是一个函数呢？本文案例详解
  6. Emmet
  7. dataset与classlist的使用案例
  8. CSS伪类选择器、box-sizing属性、常用单位、媒体查询
  9. 1. 变量,常量的区别; 2. 函数的种类与参数类型; 3. 作用域与闭包

随机推荐

  1. android.security Kotlin |Java
  2. android 静音方法
  3. android 输入法弹出键盘把listview顶上去
  4. android process information
  5. 蓝牙HID无线触摸屏
  6. Afinal 是一个android的sqlite orm 和 io
  7. Android bootloader—LK的分析之如何解析
  8. 初涉Android蓝牙开发 收藏以备后用
  9. Android 核心分析 之七------Service深入
  10. 在程序中设置android:gravity 和 android