HTML表格2

Kepler499

已于 2023-04-08 11:23:41 修改

阅读量43

点赞数

文章标签： html css 前端

于 2023-04-07 21:24:01 首次发布

本文链接：https://blog.csdn.net/Kepler499/article/details/130020876

版权

1.代码

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <h2>热门电影板块</h2>
  <hr width="700px" align="left">
  <div>
    <table width="700px">
      <tr>
        <td><b>最近热门电影</b></td>
        <td>热门</td>
        <td>最新</td>
        <td>豆瓣高分</td>
        <td>冷门佳片</td>
        <td>华语</td>
        <td>欧美</td>
        <td>韩国</td>
        <td>日本</td>
        <td><a href="#" style="color: black; text-decoration: none;">更多>></a></td>
      </tr>
    </table>
  </div>
  <hr width="700px" align="left">
  <div>
    <table width="700px">
      <tr>
        <td><img src="./images/hz.jpg" alt="" width="150px" height="200px"></td>
        <td><img src="./images/qtfz.webp" alt="" width="150px" height="200px"></td>
        <td><img src="./images/md.webp" alt="" width="150px" height="200px"></td>
        <td><img src="./images/lhy.webp" alt="" width="150px" height="200px"></td>
      </tr>
      <tr>
        <td>海贼王</td>
        <td>窃听风云</td>
        <td>美国队长</td>
        <td>你好李焕英</td>
      </tr>
      <tr>
        <td><img src="./images/wjd.webp" alt="" width="150px" height="200px"></td>
        <td><img src="./images/ys.webp" alt="" width="150px" height="200px"></td>
        <td><img src="./images/amfz.webp" alt="" width="150px" height="200px"></td>
        <td><img src="./images/mfyx.jpg" alt="" width="150px" height="200px"></td>
      </tr>
      <tr>
        <td>无间道</td>
        <td>我不是药神</td>
        <td>澳门风云</td>
        <td>模仿游戏</td>
      </tr>
    </table>
  </div>
</body>

</html>

2.结果