DIV+CSS实现旅游网站首页

自古美人都是妖i 提交于 2019-11-28 11:00:33

<!DOCTYPE html>
  
  <html lang="en">
  
  <head>
  
  <meta charset="UTF-8">
  
  <title>旅游网站首页</title>
  
  </head>
  
  <body>
  
  <div>
  
  <img src="../images/header.jpg" style="width:980px;height:237px;" title="天天旅游在线"/>
  
  </div>
  
  <span style="width: 240px;float: left;">
  
  <ul>
  
  <li>旅游须知</li>
  
  <ul>
  
  <li><a href="a1.html">参加旅行社注意事项</a></li>
  
  <li><a href="a1.html">旅游保险常识</a></li>
  
  </ul>
  
  <li>旅游景点</li>
  
  <ul>
  
  <li><a href="b1.html">广场/建筑</a></li>
  
  <li><a href="b2.html">博物馆/纪念馆/展览馆</a></li>
  
  <li><a href="b3.html">主题公园/游乐场</a></li>
  
  <li><a href="b4.html">海水浴场/嬉水游泳馆</a></li>
  
  </ul>
  
  <li>旅游图库</li>
  
  <ul>
  
  <li><a href="c1.html">广场</a></li>
  
  <li><a href="c2.html">海滨</a></li>
  
  <li><a href="c3.html">建筑</a></li>
  
  </ul>
  
  <li>特色美食</li>
  
  <ul>
  
  <li><a href="d1.html">美食推荐</a></li>
  
  <li><a href="d2.html">街边小吃</a></li>
  
  <li><a href="d3.html">时令海鲜</a></li>
  
  </ul>
  
  </ul>
  
  <form>&nbsp;&nbsp;友情链接<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;
  
  <select>
  
  <option value="s1">
  
  <a href="http://www.people.com.cn/bjly">北京旅游网</a>
  
  </option>
  
  <option value="s2">
  
  <a href="http://www.shanghai.com.cn/shanghai">上海旅游网</a>
  
  </option>
  
  <option value="s3">
  
  <a href="http://www.hangzhou.com.cn/hangzhou">杭州旅游网</a>
  
  </option>
  
  <option value="s4">
  
  <a href="http://xian.hangzhou.com.cn/xian">西安旅游网</a>
  
  </option>
  
  </select>
  
  </form>
  
  </span>
  
  <span style="width:500px;float: left">
  
  <img src="../images/map.jpg" style="width:490px;height: 390px;"/>
  
  </span>
  
  <span style="width: 240px;float: left;"><br/>
  
  *2017年起机器人已经成为了地球的主角,内容产业的新风口将是人<br/><br/>
  
  *“共享经济”缘何大规模退场?共享≠租赁<br/><br/>
  
  *富士康掌门人:阿里、京东会向中间靠拢,两家越来越像<br/><br/>
  
  *微信支付被Discovery纪录片点赞:中国创新的..<br/><br/>
  
  *融360上市前剥离贷款业务 宁可亏着IPO也要避嫌<br/><br/>
  
  *(港澳台)阿里巴巴在香港举办首届B2B电商青年节<br/><br/>
  
  </span>
  
  <div style="text-align:center;">http://zzdxjyzd.com<hr style="width:980px;">
  
  </div>
  
  </body>
  
  </html>
  
  ————————————————

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!