用Html制作一张课程表

编辑: admin 分类: 电脑知识 发布时间: 2023-06-14 来源:互联网
用Html table标签制作一个课程表本课程表的课程时间纯属虚构

  1. <!DOCTYPE html>
  2. <caption>
  4. </caption>
  5. <table border="1">
  6.     <tr>
  7.         <td colspan="4"; align="center"; bgcolor="red"; style="color: aliceblue; font-size: 20pt;">PHP中文网课程安排</td>
  8.     </tr>
  9.     <tr>
  10.         <td align="center">日期及时间</td>
  11.         <td colspan="2"; align="center">课程内容</td>
  12.         <td align="center">课程用时</td>
  13.     </tr>
  14.     <tr>
  15.         <td rowspan="4"; align="center">3月09日 21点~23点</td>
  17.         <td colspan="2"; align="center">学习方式 & 必备术语</td>
  18.         <td align="center">30 Min</td>
  19.     </tr>
  20.     <tr>
  21.         <td colspan="2"; align="center">Chrome & Vscode 安装</td>
  22.         <td align="center">30 Min</td>
  23.     </tr>
  24.     <tr>
  25.         <td colspan="2"; align="center">Vscode 插件安装及设置</td>
  26.         <td align="center">30 Min</td>
  27.     </tr>
  28.     <tr>
  29.         <td colspan="2"; align="center">作业提交方式 & Markdown语法</td>
  30.         <td align="center">30 Min</td>
  31.     </tr> 
  32.     <tr>
  33.         <td rowspan="7"; align="center">3月10日 21点~23点</td>
  34.         <td rowspan="3"; align="center"; style="width: 1cm;">元素类型</td>
  35.         <td align="center">块元素</td>
  36.         <td align="center">15 Min</td>
  37.     </tr>
  38.     <tr>
  39.         <td align="center">行元素</td>
  40.         <td align="center">15 Min</td>
  41.     </tr>
  42.     <tr>
  43.         <td align="center">行内块元素</td>
  44.         <td align="center">15 Min</td>
  45.     </tr>
  46.     <tr>
  47.         <td rowspan="4"; align="center"; style="width: 1cm;">页面结构</td>
  48.         <td align="center">二个元素</td>
  49.         <td align="center">15 Min</td>
  50.     </tr>
  51.     <tr>
  52.         <td align="center">布局元素</td>
  53.         <td align="center">15 Min</td>
  54.     </tr>
  55.     <tr>
  56.         <td align="center">表格</td>
  57.         <td align="center">15 Min</td>
  58.     </tr>
  59.     <tr>
  60.         <td align="center">表单</td>
  61.         <td align="center">30 Min</td>
  62.     </tr>
  63.     <tr>
  64.         <td colspan="3">合计时间</td>
  65.         <td> 240 Min</td>
  66.     </tr>
  68. </table>
【文章原创作者：武汉网站设计 http://www.1234xp.com/wuhan.html 复制请保留原URL】
更多阅读