HTML - 连接元素列表元素表格元素 - HTML 连接元素列表元素表格元素

预览网址

http://211.149.215.38:90/0403job.html

编写代码

 <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>html 连接元素 列表元素 表格元素 表单元素</title>
  </head>
  <body>
    <ul>
      <li><a href="https://www.php.cn/" target="_blank">php中文网</a></li>
      <li><a href="http://baidu.com/">百度</a></li>
    </ul>
    <ol start="5">
      <li><a href="https://www.php.cn/" target="_blank">php中文网</a></li>
      <li><a href="http://baidu.com/">百度</a></li>
    </ol>
    <!-- 表格 -->
    <table border="1" cellpadding="5" cellspacing="0" align="center">
      <colgroup bgcolor="lightpink">
        <col />
        <col />
        <col bgcolor="lightgreen" />
        <col bgcolor="lightgreen" span="2" />
      </colgroup>
      <caption>
        班级信息表
      </caption>
      <thead bgcolor="lightblue">
        <tr>
          <th colspan="2">班级名称</th>
          <th>年龄</th>
          <th>人数</th>
          <th>收费</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>小达芬奇</td>
          <td>绘画</td>
          <td>6-8岁</td>
          <td>15人</td>
          <td>700/期</td>
        </tr>
        <tr>
          <td rowspan="3">小书法家</td>
          <td>彩墨班</td>
          <td>6-8岁</td>
          <td>15人</td>
          <td>700/期</td>
        </tr>
        <tr>
          <td>国画班</td>
          <td>8-10岁</td>
          <td>15人</td>
          <td>700/期</td>
        </tr>
        <tr>
          <td>书法班</td>
          <td>12岁以上</td>
          <td>15人</td>
          <td>700/期</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

HTML - 连接元素 列表元素 表格元素

预览网址

编写代码

相关文章

HTML - 连接元素列表元素表格元素