利用表格实现页面布局

 时间:2026-02-15 12:11:42

1、<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>旅游一览</title>

</head>

<body>

<table width="722" height="533" border="1">

  <tr>

    <td colspan="3"><img src="u=517834570,898570112&fm=21&gp=0.jpg" width="719" height="161" /></td>

  </tr>

  <tr>

    <td width="211" height="183"><table width="207" border="0">

      <tr>

        <td width="197"><strong>推荐路线</strong></td>

      </tr>

      <tr>

        <td><div align="center">江南水乡</div></td>

      </tr>

      <tr>

        <td><div align="center">云南丽江</div></td>

      </tr>

      <tr>

        <td><div align="center">北京故宫</div></td>

      </tr>

      <tr>

        <td><div align="center">瑰宝长城</div></td>

      </tr>

      <tr>

        <td><div align="center">天府成都</div></td>

      </tr>

    </table></td>

    <td width="255"><img src="u=727162077,3518998462&fm=21&gp=0.jpg" width="250" height="179" /></td>

    <td width="238"><table width="238" border="0">

      <tr>

        <td width="228"><strong>经典路线</strong></td>

      </tr>

      <tr>

        <td>北京:长城、故宫、颐和园</td>

      </tr>

      <tr>

        <td>九江:庐山、三叠泉、五老峰</td>

      </tr>

      <tr>

        <td>昆明:石林、大理、丽江</td>

      </tr>

      <tr>

        <td>青岛:烟台、威海、蓬莱</td>

      </tr>

      <tr>

        <td>沈阳:世园会、长春</td>

      </tr>

      <tr>

        <td>南京:中山陵、夫子庙、雨花台</td>

      </tr>

    </table></td>

  </tr>

  <tr>

    <td colspan="3"><img src="u=1750612828,2825840071&fm=21&gp=0.jpg" width="718" height="171" /></td>

  </tr>

</table>

</body>

</html>

利用表格实现页面布局

利用表格实现页面布局

2、效果图

利用表格实现页面布局

  • 怎么让网页高度自适应pc端和笔记本
  • 网页制作中音乐播放代码。
  • 前端代码,布局,元素 水平垂直居中的方法大全
  • CSS如何做到将价格划掉的效果
  • 怎么通过css实现一个圆形
  • 热门搜索
    驴友网 结伴旅游 河北旅游资讯网 江苏旅游政务网 张家界旅游注意事项 红色旅游的意义 贵州旅游资源 国民旅游休闲纲要 亳州旅游景点大全 巴塞罗那旅游攻略 冠豸山旅游攻略