DIV+CSS实现旅游网站首页
<!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> 友情链接<br/><br/>
<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>
————————————————
转载于:https://www.cnblogs.com/dakunqq/p/11405888.html
DIV+CSS实现旅游网站首页相关推荐
- HTML期末大作业~基于HTML+CSS+JavaScript旅游网站设计与实现(6个页面)
HTML期末大作业~HTML+CSS+JavaScript旅游网站设计与实现->绿色古典的旅游度假景区(6个页面) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML ...
- css网站结课设计,毕业设计(论文)-《DIV+CSS》课程网站的开发.doc
专业: 教育技术学 专业: 教育技术学 学号: 1911120207 Hebei Normal University of Science & Technology 本科毕业设计 (人文科学) ...
- HTML案例:旅游网站首页
案例:旅游网站首页 1.确定使用table来完成布局 2.如果某一行只有一个单元格,则使用 3.如果某一行有多个单元格 <tr> <td> <table> ...
- 网站开发之DIV+CSS简单布局网站入门篇(五)
这篇文章主要介绍如何使用DIV和CSS简单布局一个网站的首页,通常将网站划分为顶部(Logo.导航条).中部(页面主要内容.左右栏目).底部(制作方介绍.超链接).这是非常基础的一篇引入性文章,采用案 ...
- HTML 练习案例旅游网站首页
1.确定使用table来完成布局 2.如果某一行只有一个单元格,则使用<tr><td></td><tr> 3.如果某一行有多个单元格 则使用 <t ...
- 重构html布局,网站重构|网页重构|浏览器兼容|div+css布局|psd转html|概念网络
什么是网站重构 网页重构就是把"没有采用Div+CSS布局的网站,大量使用HTML进行定位.布局,或者虽然已经采用Div+CSS,但是未遵循HTML结构化标准的站点"变成" ...
- web前端期末大作业 ~我的家乡-绿城之都html+css+javascript旅游网页设计实例
web前端期末大作业 ~ 我的家乡-绿城之都html+css+javascript旅游网页设计实例 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页 ...
- HTML网页设计制作大作业(div+css) ~中华美德6页面带音乐 ~ 学生网页设计作业源码(中华文化)
HTML网页设计制作大作业(div+css) ~ 中华美德6页面带音乐 ~ 学生网页设计作业源码(中华文化) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从 ...
- 制作精美的网站首页模板应该如何操作?
经常接触互联网网站建设的人员大多数都对网站首页模板并不生疏,因为很多中小型企业在经费紧张的情况下会选择应用模板作为建站首选.这不仅仅是企业网站竞争的市场,也是网站模板竞争的市场,终究只有优秀的模板才会 ...
最新文章
- 201671010128 2017-11-05《Java程序设计》之集合
- 一个字稳,云原生产品家族支撑冬奥会九大业务场景,打造云上奥运新体验
- 译文 | Vue 在哪些方面做的比 React 更好?
- RabbitMQ 死信/死信队列
- 电子工程学院的师兄弟姐们们,老师叫你们回家
- 攻击 | 破解windows7密码(利用PE系统破解XP密码)
- c检程序的公共语言运行时简称为,公共语言运行时检测到无效的程序
- mysql syncmasterinfo_sync_master_info的一些说明
- 吉林大学高等数学A3作业答案新版
- 【技术框架汇总】_开发平台_前端框架_手机端框架_测试工具_数据库中间件_监控工具_框架_汇总
- 自用软件系列之:迅雷X ,无广告,纯净版
- [Xilinx FPGA] #1 Xilinx ISE 工程开发全流程笔记
- Unity_粒子系统特效制作_051
- 银行叫警察抓人?逾期未还后果严重可能成真!
- [爬虫]requests+正则表达式爬取猫眼电影TOP100
- 智能灯丝灯方案为复古设计注入“ 科技基因 ”
- 联想y7000/r7000 2020款加装固态硬盘及硬盘分区,硬盘测速方法
- 赵小楼《天道》《遥远的救世主》深度解析(117)分离已有的各种相,得你想要的结果
- database changed是什么意思_itunes其他是什么 itunes其他清除方法介绍【图文教程】...
- 半年10倍的股票秘诀