html互动课程表代码

HTML互动课程表代码

!DOCTYPE html>
    html lang="zh-CN">
      head>
        meta charset="UTF-8">
        meta name="viewport" content="width=device-width, initial-scale=1.0">
        title>
    课程表/title>
        style>
      table {
            border-collapse: collapse;
      }
      td {
            border: 1px solid black;
            padding: 5px;
      }
        /style>
      /head>
      body>
        table>
          caption>
    课程表/caption>
          tr>
            th>
    /th>
            th>
    星期一/th>
            th>
    星期二/th>
            th>
    星期三/th>
            th>
    星期四/th>
            th>
    星期五/th>
          /tr>
          tr>
            th>
    第一节/th>
            td>
    语文/td>
            td>
    数学/td>
            td>
    英语/td>
            td>
    物理/td>
            td>
    化学/td>
          /tr>
          tr>
            th>
    第二节/th>
            td>
    语文/td>
            td>
    数学/td>
            td>
    英语/td>
            td>
    物理/td>
            td>
    化学/td>
          /tr>
          tr>
            th>
    第三节/th>
            td>
    语文/td>
            td>
    数学/td>
            td>
    英语/td>
            td>
    物理/td>
            td>
    化学/td>
          /tr>
          tr>
            th>
    第四节/th>
            td>
    语文/td>
            td>
    数学/td>
            td>
    英语/td>
            td>
    物理/td>
            td>
    化学/td>
          /tr>
          tr>
            th>
    第五节/th>
            td>
    语文/td>
            td>
    数学/td>
            td>
    英语/td>
            td>
    物理/td>
            td>
    化学/td>
          /tr>
          tr>
            th>
    第六节/th>
            td>
    政治/td>
            td>
    语文/td>
            td>
    数学/td>
            td>
    英语/td>
            td>
    历史/td>
          /tr>
        /table>
      /body>
    /html>
    

以上是HTML互动课程表的代码，其中table标签创建了一个表格，caption标签创建了表格的标题。tr表示表格的行，th表示表格的表头，td表示表格的单元格。

通过CSS的样式设置，我们给表格添加了边框，设置了单元格的内边距，让表格看起来更加美观。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！