HTML期末作业-我的家乡网页作业

html网页制作期末大作业-我的家乡网页html+css+javascript 9个页面适用学生作业 课程设计家乡网页、期末作业家乡网页、毕业设计家乡网页 

部分网页截图

部分家乡网页源码


<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<title></title>
		<link href="../css/web.css" rel="stylesheet">
		
		<script type="text/javascript" src="../js/web.js"></script>
	</head>
	<body>
		<header>
	<div class="centered">
		<div class="centered1">
		<div class="b1"><a href="previous.html" id="prevLink">&lt;&lt;</a></div>
		<div class="b2"><a href="next.html" id="nextLink"> &gt;&gt;</a></div>
		</div>
		<img src="images/robot1.jpg" id="myPicture" width="1000px" height="400px" alt="Slideshow">
	</div>
			<div id="container" >
				<nav>
					<a href="web.html">网站主页</a>
			        <a href="web1.html">景点推荐</a>
			        <a href="web2.html">美食推荐</a>
			        <a href="web3.html">文化之都</a>
			        <a href="web4.html">美图海报</a>
				</nav>
			</div>
			<marquee  onMouseOver="this.stop()" onMouseOut="this.start()"; direction="left" >杭州,位于中国长江三角洲南翼,杭州湾西端,钱塘江下游,京杭大运河南端,是长江三角洲重要中心城市和中国东南部交通枢纽。杭州地处长江三角洲南沿和钱塘江流域,地形复杂多样。杭州市西部属浙西丘陵区,主干山脉有天目山等。东部属浙北平原,地势低平,河网密布,湖泊密布,物产丰富,具有典型的“江南水乡”特征。</marquee>
		    
	    <div class="banner7"> 
			<div id="container1">
				<video height="210px" width="380px" controls="controls">
					<source src="../video/西湖.mp4" type="video/mp4"></source>
				</video>
			</div>
			<div id="container2">
				<div class="banner5">
					<a href="panel.html" style="float: right; color: #FFFFFF; text-decoration: underline;">点击注册,杭州因你而更美>></a>
					<a href="login.html" style="float: right; color: #FFFFFF; text-decoration: underline;">点击登录>></a>

				</div>
				<p>&nbsp;&nbsp;杭州,简称“杭”,古称临安、钱塘,是浙江省省会、副省级市、杭州都市圈核心城市,国务院批复确定的中国浙江省省会和全省经济、文化、科教中心、长江三角洲中心城市之一。杭州人文古迹众多,西湖及其周边有大量的自然及人文景观遗迹,具代表性的有西湖文化、良渚文化、丝绸文化、茶文化,以及流传下来的许多故事传说。</p>
				<p>&nbsp;&nbsp;杭州物产丰富,素有“鱼米之乡”、“丝绸之府”、“人间天堂”之美誉。农业生产条件得天独厚,农作物、林木、畜禽种类繁多,种植林果、茶桑、花卉等品种260多个,杭州蚕桑、西湖龙井茶闻名全国。</p>
			</div>
		</div> 
			
		</header><br />
		<section class="banner">
			<div class="banner1" style="border-radius: 20px 0px 0px 0px;">
				<p>景点推荐<a href="web1.html" style="float: right; color: #FFFFFF; text-decoration: underline;">了解更多>></a></p>
				<img src="../image/西湖.jpg" height="150px" width="245px" />
				<img src="../image/灵隐寺.jpg" height="150px" width="245px" />
				<img src="../image/六和塔.jpg" height="150px" width="245px" />
				<img src="../image/千岛湖.jpg" height="150px" width="250px" />
			    <span style="margin-left: 100px;">西湖</span>
			    <span style="margin-left: 220px;">灵隐寺</span>
			    <span style="margin-left: 200px;">六和塔</span>
			    <span style="margin-left: 200px;">千岛湖</span>
			</div>
		</section>
		
		<section class="banner">
			<div class="banner1" style="border-radius: 20px 0px 0px 0px;">
				<p>美食推荐<a href="web2.html" style="float: right; color: #FFFFFF; text-decoration: underline;">了解更多>></a></p>
				<img src="../image/西湖醋鱼.jpg" height="150px" width="245px" />
				<img src="../image/叫花鸡.jpg" height="150px" width="245px" />
				<img src="../image/龙井虾仁.jpg" height="150px" width="245px" />
				<img src="../image/片儿川.jpg" height="150px" width="250px" />
			    <span style="margin-left: 90px;">西湖醋鱼</span>
			    <span style="margin-left: 190px;">叫花鸡</span>
			    <span style="margin-left: 190px;">龙井虾仁</span>
			    <span style="margin-left: 190px;">片儿川</span>
			</div>
		</section><br />
		
		<aside class="banner2">
			<div class="b4" >
			<div class="banner3" style="border-radius: 20px 0px 0px 0px;">
					<p>文化之都<a href="web3.html" style="float: right; color: #FFFFFF; text-decoration: underline;">了解更多>></a></p>
			</div>
				<div>
					<img src="../image/h.jpg" height="200px" width="245px" />
					<img src="../image/h1.jpg" height="290px" width="250px" />
					<img src="../image/h2.jpeg" height="200px" width="500px" />
				</div>
			</div>
			
			<div class="b4">
				<img src="../image/杭州.jpg" height="130px" width="500px">
				<p>&nbsp;&nbsp;杭州乌龟洞遗址古人类化石的发现证实五万年前就有古人类在杭州这片土地上生活, 萧山跨湖桥遗址的发掘证实了早在8000年前就有现代人类在此繁衍生息,距今5000年前的余杭良渚文化被誉为“文明的曙光”。
					杭州夏商周属“扬州之域”。传说在夏禹治水钱江新城钱江新城时,全国分为九州,长江以南的广阔地域均泛称扬州。公元前21世纪,夏禹南巡,大会诸侯于会稽(今绍兴),曾乘舟航行经过这里,并舍其杭(“杭”是方舟)于此,故名“余杭”。
					一说,禹至此造舟以渡,越人称此地为“禹杭”,其后,口语相传,讹“禹”为“余”,乃名“余杭”。春秋时,吴国、越国两国争霸,杭州先属越国,后属吴国,越灭吴后,复属越。战国时,楚国灭越国,杭州又归入楚。 
					秦统一六国后,在灵隐山麓设县治,称钱唐,属会稽郡。《史记·秦始皇本纪》中记载:“三十七年十月癸丑,始皇出游……过丹阳,至钱唐,临浙江,水波恶……”这是史籍最早记载“钱唐”之名。当时还是随江潮出没的海滩,西湖尚未形成。  
					西汉承秦制,杭州仍称钱唐。新莽时一度改钱唐为泉亭县;到了东汉,复置钱唐县,属吴郡。这时杭州农田水利兴修初具规模,并从宝石山至万松岭修筑了第一条海塘,西湖开始与海隔断,成为内湖。   汉书地理志记载:钱唐,西部都尉治。武林山,武林水所出,东入海,行八百三十里,莽曰泉亭。 
					三国、两晋、杭州属吴郡,归古扬州。东晋咸和元年(326年),印度佛教徒慧理在飞来峰下建了灵隐寺,是西湖最古的丛林建筑。梁太清三年(549年),侯景升钱唐县为临江郡。
				</p>
			</div>
		</aside><br />
		
		<article class="banner4">
			<div class="b4">
				<img src="../image/于谦.jpg" height="280px" width="245px" />
				<p style="margin-left: 245px; margin-top: -280px;">&nbsp;&nbsp;于谦(1398年5月13日-1457年2月16日),字廷益,号节庵,官至少保,世称于少保 ,汉族,浙江杭州府钱塘县(今浙江省杭州市上城区)人。明朝名臣、民族英雄。永乐十九年(1421年),于谦登进士第。宣德元年(1426年),以御史职随明宣宗平定汉王朱高煦之乱,因严词斥责朱高煦而受宣宗赏识。后巡按江西,宣德五年(1430年)又以兵部右侍郎巡抚河南、山西等地。其号令明审,令行政达。他忧国忘身,口不言功,平素俭约,居所仅能遮蔽风雨。但因个性刚直,招致众人忌恨。</p>
				<img src="../image/于谦诗.jpg" height="250px" width="500px" />
			</div>
			
			<div class="b4">
				<div class="banner3" >
					<p>名人风采<a href="web3.html" style="float: right; color: #FFFFFF; text-decoration: underline;">了解更多>></a></p>
				</div>
				<div>
					<img src="../image/孙权.jpg" height="350px" width="250px" />
					<img src="../image/孙权故里1.jpg" height="150px" width="245px" style="float:right;"/>
					<img src="../image/孙权故里.jpg" height="200px" width="245px" style="float: right; margin-top: -205px;"/>
					<p>&nbsp;&nbsp;吴大帝孙权(182年-252年5月21日),字仲谋。吴郡富春县(今浙江省杭州市富阳区)人。三国时期孙吴的建立者(229年-252年在位)。
孙权的父亲孙坚和兄长孙策,在东汉末年群雄割据中打下了江东基业。建安五年(200年),孙策遇刺身亡,孙权继之掌事,成为一方诸侯。建安十三年(208年),与刘备建立孙刘联盟,并于赤壁之战中击败曹操,奠定三国鼎立的基础。建安二十四年(219年),派吕蒙成功袭取刘备的荆州,使领土面积大大增加。</p>
                    
				</div>
			</div>
		</article>

		<footer>
			<div id=container3>
				<p style="color: white; font-family: '微软雅黑'; line-height: 60px;">美丽杭州 - 度假天堂,你以访问网页 <i id="count">0	</i> 次</p>
				<p style="color: white; font-family: '微软雅黑';"><a>关于本站</a> | <a>版权声明</a> | <a>友情链接</a> | <a>帮助中心</a> | <a>联系我们</a> | <a>站长统计<a></p>
				<p style="color: white; font-family: '微软雅黑';">大美杭州网&copy;Jiangliuer.com 2020 鲁APC设备 </p>
			</div>		
		</footer>
	</body>
</html>

评论 20
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值