search

博客列表 >使用表格元素制作课程表

使用表格元素制作课程表

早晨
早晨原创
2022年07月05日 18:09:47783浏览

使用表格元素制作课程表

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Document</title>
  8. </head>
  9. <style>
  10.     td{border-style:solid; border-color: black; text-align: center; padding: 10px;}
  12. </style>
  13. <body>
  14.     <table width="100%" >
  15.         <caption>课程表</caption>
  16.         <tbody>
  17.           <tr>
  18.             <td colspan="3">时间</td>
  19.             <td>星期一</td>
  20.             <td>星期二</td>
  21.             <td>星期三</td>
  22.             <td>星期四</td>
  23.             <td>星期五</td>
  24.           </tr>
  25.           <tr>
  26.             <td rowspan="4">上午</td>
  27.             <td>第一节</td>
  28.             <td>8：30——9：10</td>
  29.             <td>语文</td>
  30.             <td>数学</td>
  31.             <td>英语</td>
  32.             <td>地理</td>
  33.             <td>几何</td>
  34.           </tr>
  35.           <tr>
  36.             <td>第二节</td>
  37.             <td>9：20——10：00</td>
  38.             <td>语文</td>
  39.             <td>数学</td>
  40.             <td>英语</td>
  41.             <td>地理</td>
  42.             <td>几何</td>
  43.           </tr>
  44.           <tr>
  45.             <td>第三节</td>
  46.             <td>9：20——10：00</td>
  47.             <td>语文</td>
  48.             <td>数学</td>
  49.             <td>英语</td>
  50.             <td>地理</td>
  51.             <td>几何</td>
  52.           </tr>
  53.           <tr>
  54.             <td>第四节</td>
  55.             <td>9：20——10：00</td>
  56.             <td>语文</td>
  57.             <td>数学</td>
  58.             <td>英语</td>
  59.             <td>地理</td>
  60.             <td>几何</td>
  61.           </tr>
  62.           <tr>
  63.             <td colspan="8">&nbsp;</td>
  64.           </tr>
  65.           <tr>
  66.             <td rowspan="4">上午</td>
  67.             <td>第五节</td>
  68.             <td>8：30——9：10</td>
  69.             <td>语文</td>
  70.             <td>数学</td>
  71.             <td>英语</td>
  72.             <td>地理</td>
  73.             <td>几何</td>
  74.           </tr>
  75.           <tr>
  76.             <td>第六节</td>
  77.             <td>8：30——9：10</td>
  78.             <td>语文</td>
  79.             <td>数学</td>
  80.             <td>英语</td>
  81.             <td>地理</td>
  82.             <td>几何</td>
  83.           </tr>
  84.           <tr>
  85.             <td>第七节</td>
  86.             <td>8：30——9：10</td>
  87.             <td>语文</td>
  88.             <td>数学</td>
  89.             <td>英语</td>
  90.             <td>地理</td>
  91.             <td>几何</td>
  92.           </tr>
  93.           <tr>
  94.             <td>第八节</td>
  95.             <td>8：30——9：10</td>
  96.             <td>语文</td>
  97.             <td>数学</td>
  98.             <td>英语</td>
  99.             <td>地理</td>
  100.             <td>几何</td>
  101.           </tr>
  102.           <tr>
  103.             <td colspan="8">&nbsp;</td>
  104.           </tr>
  105.           <tr>
  106.             <td rowspan="2">晚上</td>
  107.             <td>第八节</td>
  108.             <td>8：30——9：10</td>
  109.             <td>语文</td>
  110.             <td>数学</td>
  111.             <td>英语</td>
  112.             <td>地理</td>
  113.             <td>几何</td>
  114.           </tr>
  115.           <tr>
  116.             <td>第八节</td>
  117.             <td>8：30——9：10</td>
  118.             <td>语文</td>
  119.             <td>数学</td>
  120.             <td>英语</td>
  121.             <td>地理</td>
  122.             <td>几何</td>
  123.           </tr>
  124.         </tbody>
  125.       </table>
  126. </body>
  127. </html>
上一条：跟着大牛学PHP--HTML标签和表格下一条：图片、链接、列表的应用
声明：本文内容转载自脚本之家，由网友自发贡献，版权归原作者所有，如您发现涉嫌抄袭侵权，请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言，请遵守新闻评论服务协议

相关文章

查看更多