html常用标签实例

用列表、链接和图片做一个图片导航

<ul>
        <li><a href="https://www.chinanews.com.cn/gn/z/New_journey/index.shtml"><img src="https://www.chinanews.com.cn/part/appzt/546/2022-02-17/U587P4T546D2840F23887DT20220218084015.jpg" alt="奋进新征程" width="200">奋进新征程</a></li>
        <li><a href="https://www.chinanews.com.cn/gn/z/ChinaView/index.shtml"><img src="https://www.chinanews.com.cn/part/appzt/546/2018-06-12/U445P4T546D1157F23887DT20180612163715.jpg" alt="近观中国" width="200">近观中国</a></li>
        <li><a href="https://www.chinanews.com.cn/gn/z/wonderfulchina/index.shtml"><img src="https://www.chinanews.com.cn/part/appzt/546/2022-07-12/U887P4T546D2894F23887DT20220714090640.jpg" alt="美丽中国" width="200">美丽中国</a></li>
        </ul>

再来一个

    <style>
        dl,dd,ul,li {
            float: left;
            margin:5px;
        }
    </style>
    <dl>
        <dt><a href="#"><img src="http://www.xinhuanet.com/titlepic/112895/1128959139_1661778108762_title0h.jpg"
            alt=""></a></dt>
        <dd>这是第一张图</dd>
    </dl>
    <dl>
        <dt><a href="#"><img src="http://www.xinhuanet.com/titlepic/112895/1128959139_1661778112166_title0h.jpg"
            alt=""></a></dt>
        <dd>这是第二张图</dd>
    </dl>
    <dl>
        <dt><a href="#"><img src="http://www.xinhuanet.com/titlepic/112895/1128959139_1661778116894_title0h.jpg"
            alt=""></a></dt>
        <dd>这是第三张图</dd>
    </dl>

用表格做一个课表

    <style>
      table {
        width: 700;
        height: 500;
      }
      table,
      td,
      th {
        border: 1px solid rgba(65, 223, 196, 0.486);
        align: center;
        margin: auto;
      }
      thead {
        height: 80;
        background-color: bisque;
      }
      caption {
        font-size: 30;
      }
    </style>
    <table>
      <caption>
        小学二年级课程表
      </caption>
      <thead>
        <tr>
          <th></th>
          <th>星期一</th>
          <th>星期二</th>
          <th>星期三</th>
          <th>星期四</th>
          <th>星期五</th>
        </tr>
      </thead>
      <tbody align="center">
        <tr>
          <td>8:00-8:45</td>
          <td>语文</td>
          <td>语文</td>
          <td>语文</td>
          <td>语文</td>
          <td>语文</td>
        </tr>
        <tr>
          <td>9:00-9:45</td>
          <td>数学</td>
          <td>数学</td>
          <td>数学</td>
          <td>数学</td>
          <td>数学</td>
        </tr>
        <tr>
          <td>10:00-10:45</td>
          <td>英语</td>
          <td>英语</td>
          <td>英语</td>
          <td>英语</td>
          <td>英语</td>
        </tr>
        <tr>
          <td>11:00-11:45</td>
          <td>自然</td>
          <td>自然</td>
          <td>自然</td>
          <td>自然</td>
          <td>自然</td>
        </tr>
        <tr>
          <td colspan="6" bgcolor="yellow" align="center">
            12:00-14:00午休时间
          </td>
        </tr>
        <tr>
          <td>14:00-14:45</td>
          <td>政治</td>
          <td>政治</td>
          <td>政治</td>
          <td>政治</td>
          <td>政治</td>
        </tr>
        <tr>
          <td>15:00-15:45</td>
          <td>地理</td>
          <td>地理</td>
          <td>地理</td>
          <td>地理</td>
          <td rowspan="3" bgcolor="red">地理</td>
        </tr>
        <tr>
          <td>16:00-16:45</td>
          <td>音乐</td>
          <td>音乐</td>
          <td>音乐</td>
          <td>音乐</td>
        </tr>
        <tr>
          <td>17:00-17:45</td>
          <td>体育</td>
          <td>体育</td>
          <td>体育</td>
          <td>体育</td>
        </tr>
      </tbody>
    </table>