列表UL\OL\DL基本用法及表格Table基本用法

发布于：2022-07-05 13:51:15  栏目：技术文档

一、列表基本用法

<ul>
    <li class="sub_nav"><a href="#" target="_blank"><img src="#" alt="img_1">Item1</a></li>
    <li class="sub_nav"><a href="#" target="_blank"><img src="#" alt="img_2">Item2</a></li>
    <li class="sub_nav"><a href="#" target="_blank"><img src="#" alt="img_3">Item3</a></li>
    <li class="sub_nav"><a href="#" target="_blank"><img src="#" alt="img_4">Item4</a></li>
    <li class="sub_nav"><a href="#" target="_blank"><img src="#" alt="img_5">Item5</a></li>
</ul>

二、表格基本用法

样式如下：

<table border="1" width="500px" style="text-align: center;">
  <caption>
    课程表
  </caption>
  <tbody>
  <tr>
    <th>时间</th>
    <th>序号</th>
    <th>课程</th>
    <th>老师</th>
  </tr>
  <tr>
    <td rowspan="4">上午</td>
    <td>1</td>
    <td>语文</td>
    <td>张老师</td>
  </tr>
  <tr>
    <!-- <td>text</td> -->
    <td>2</td>
    <td rowspan="2">数学</td>
    <td rowspan="2">马老师</td>
  </tr>
  <tr>
    <!-- <td>text</td> -->
    <td>3</td>
    <!-- <td>text</td> -->
    <!-- <td>text</td> -->
  </tr>
  <tr>
    <!-- <td>text</td> -->
    <td>4</td>
    <td>英语</td>
    <td>刘老师</td>
  </tr>
  <tr>
    <td rowspan="4">下午</td>
    <td>5</td>
    <td>地理</td>
    <td>陈老师</td>
  </tr>
  <tr>
    <!-- <td>text</td> -->
    <td>6</td>
    <td>生物</td>
    <td rowspan="3">孙老师</td>
  </tr>
  <tr>
    <!-- <td>text</td> -->
    <td>7</td>
    <td>化学</td>
    <!-- <td>text</td> -->
  </tr>
  <tr>
    <!-- <td>text</td> -->
    <td>8</td>
    <td>生物</td>
    <!-- <td>text</td> -->
  </tr>
  <tr>
    <td>卫生打扫</td>
    <td colspan="3">先进组负责</td>
    <!-- <td>text</td> -->
    <!-- <td>text</td> -->
  </tr>
</tbody>
</table>

相关推荐