精华内容
下载资源
问答
  • HTML期末作业课程设计期末大作业-家乡网站 <!DOCTYPE HTML> <html> <head> <title>榆林子州</title> <meta name="viewport" content="width=device-width, initial-scale=1">...

     HTML期末作业课程设计期末大作业-家乡网站

    <!DOCTYPE HTML>
    <html>
    <head>
    <title>榆林子州</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Transit Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
    Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
    <!-- Custom Theme files -->
    <link href="css/style.css" rel='stylesheet' type='text/css' />	
    <script src="js/jquery-1.11.1.min.js"> </script>	
    <script type="text/javascript">
    	jQuery(document).ready(function($) {
    		$(".scroll").click(function(event){		
    			event.preventDefault();
    			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
    		});
    	});
    </script>		
    </head>
    <body>
    	<!-- banner -->
    	<div class="banner">
    		<!-- container -->
    		<div class="container">
    			<div class="header">
    				<div class="logo">
    					<a href="index.html">榆林子州</a>
    				</div>
    				<div class="icons">
    					<ul>
    						<li><a href="#" class="facebook"> </a></li>
    						<li><a href="#" class="facebook twitter"> </a></li>
    						<li><a href="#" class="facebook chrome"> </a></li>
    						<li><a href="#" class="facebook dribbble"> </a></li>
    					</ul>
    				</div>
    				<div class="clearfix"> </div>
    			</div>
    			<div class="top-nav">
    					<span class="menu">菜单</span>
    					<ul class="nav1">
    						<li><a href="index.html" class="active">子州简介</a></li>
    						<li><a href="history.html">文化历史</a></li>
    						<li><a href="accomdation.html">住宿</a></li>
    						<li><a href="food.html">子州美食</a></li>
    						<li><a href="#news" class="scroll">景区公告</a></li>
    						<li><a href="contact.html">联系我们</a></li>
    					</ul>
    					<!-- script-for-menu -->
    						<script>
    							 $( "span.menu" ).click(function() {
    							$( "ul.nav1" ).slideToggle( 300, function() {
    							// Animation complete.
    								});
    								});
    						</script>
    					<!-- /script-for-menu -->
    			</div>
    		</div>
    		<!-- //container -->
    		<div class="banner-text">
    			<!-- container -->
    			<div class="container">
    				<ul>
    					<li>子洲县位于陕北黄土高原丘陵沟壑区腹地,榆林市南缘,为纪念革命烈士李子洲而命名。</li>
    				</ul>
    			</div>
    			<!-- //container -->
    		</div>
    	</div>	
    	<!-- //banner -->
    	<!-- banner-bottom -->
    	<div class="banner-top-slide">
    		<div class="banner-bottom-top">
    			<h4>全民抗疫</h4>
    			<p>团结一致,万众一心,早日战胜疫情,武汉加油,中国加油</p>
    		</div>
    		<div class="banner-bottom-bottom">
    			<div class="banner-top-slide-grids">
    				<script src="js/responsiveslides.min.js"></script>
    					<script>
    						// You can also use "$(window).load(function() {"
    						$(function () {
    						  // Slideshow 4
    						  $("#slider3").responsiveSlides({
    							auto: true,
    							pager: true,
    							nav: false,
    							speed: 500,
    							namespace: "callbacks",
    							before: function () {
    							  $('.events').append("<li>before event fired.</li>");
    							},
    							after: function () {
    							  $('.events').append("<li>after event fired.</li>");
    							}
    						  });
    					
    						});
    					</script>
    					<div  id="top" class="callbacks_container">
    						<ul class="rslides" id="slider3">
    							<li>
    								<div class="banner-slid">
    									<h3>同舟共济</h3>
    									<p>居家隔离,减少外出,就是最好的防护;</br>
    									   听从号召尽量待在家中,不串门不聚会;</br>正确佩戴口罩,做好防护,养成良好卫生习惯。
    									</p>
    								</div>
    							</li>
    							<li>
    								<div class="banner-slid">
    									<h3>坚定信心</h3>
    									<p>科学宣传疫情防护知识,提高公众自我保护意识;</br>
    									加强防控,一起加油。众志成城,抗击疫情;</br>
                                           疫情就是命令,防控就是责任。
    									</p>
    								</div>
    							</li>
    						</ul>
    					</div>
    			</div>
    		</div>
    	</div>
    	<!-- //banner-bottom -->
    	<!-- welcome -->
    	<div class="welcome">
    		<!-- container -->
    		<div class="container">
    			<div class="welcome-info">
    				<h3>Hello there!</h3>
    				<h5>新的一年,打卡子州的正确姿势</h5>
    				<h4>你要不要跟我走?&nbsp;&nbsp;<a href="follow-me.html">嗯,点这里>></a></h4>
    			</div>
    		</div>
    		<!-- //container -->
    	</div>
    	<!-- //welcome -->
        <div class="copyrights">Collect from </div>
    	<!-- banner-bottom -->
    	<div class="banner-bottom">
    		<!-- container -->
    		<div class="container">
    			<div class="banner-bottom-info">
    				<h3>子州过年习俗</h3>
    				<p>陕北的春节,各种民俗活动异彩纷呈,闹秧歌,庙会,打醮,说书等百花齐放,可谓是热闹非凡<a href="handie.html">更多>></a></p>
    			</div>
    			<div class="banner-bottom-grids">
    				<div class="col-md-6 banner-bottom-grid">
    					<div class="col-md-5 banner-bottom-left">
    						<img src="images/xs1.jpg" alt="">
    					</div>
    					<div class="col-md-7 banner-bottom-right">
    						<h4>秧歌朝拜佛祖</h4>
    						<p>打醮本是道士设坛为人做法事,求福禳灾的一种法事活动。一般是在冬天农事告一段落的时候,农民们为了感谢神灵带来一年的收获,祈求上苍赐福庇佑来年风调雨顺、五谷丰登,消灾免难,吉祥安康,而举行各种祭祀活动,而打醮便是其中的一项重要的活动。</p>
    					</div>
    					<div class="clearfix"> </div>
    				</div>
    				<div class="col-md-6 banner-bottom-grid">
    					<div class="col-md-5 banner-bottom-left">
    						<img src="images/xs2.jpg" alt="">
    					</div>
    					<div class="col-md-7 banner-bottom-right">
    						<h4>转幡</h4>
    						<p>在众多的祭祀活动中,转幡也是一项规模比较大的佛事活动。转幡也称祭幡,就是凡来参加祭事活动的村民都要手执法器、排例成行、跟随佛教居士在空阔平整的地上围绕着栽在地上的绑着一把朝向天空的高高在上的扫帚旋转,绑着的扫帚谓之“扫天晴”。</p>
    					</div>
    					<div class="clearfix"> </div>
    				</div>
    				<div class="clearfix"> </div>
    			</div>
    		</div>
    		<!-- container -->
    	</div>
    	<!-- //banner-bottom -->
    	<!-- news -->
    	<div id="news" class="news">
    		<div class="container">
    			<div class="news-text">
    				<h3>子州景区</h3>
                    <p>因外界各种原因给您带来的麻烦,我们在此感到深深的抱歉,感谢您的谅解,祝您游玩愉快!</p>
    			</div>
    			<div class="news-grids">
    				<div class="col-md-3 news-grid">
    					<h4>子洲西峰寺</h4>
    					<span>2020.02.07</span>
    					<img src="images/ticket.jpg" alt="">
    					<div class="news-info">
    						<p>子洲县瓜园则湾乡政府东北2公里处有一块山地,名叫芦草坛,其上有一西峰寺,依山而建。北临乏牛山,西北与柏全山相望。芦草坛虽不雄伟壮观,却也峻峭,人若站于其顶眺望,视野倒也开阔,更因其西峰寺而遐迩闻名。西峰寺坐西北面东南,占地约3亩,一个独院。正殿由三孔拱形洞组成,纯砖结构,顶呈硬山式,用黄色琉璃瓦铺顶,飞檐翘角,兽头独尊,遥遥相望,顶上中有三层小0,独特精致,引人注目。正殿走廊四柱支撑,朱柱彩壁,画栋雕梁,十分生动。</p>
    					</div>
    				</div>
    				<div class="col-md-3 news-grid">
    					<h4>子洲大洪寺</h4>
    					<span>2020.02.07</span>
    					<img src="images/ticket.jpg" alt="">
    					<div class="news-info">
    						<p>子洲城西五里大理河北岸有大洪寺。“据庙内碑记载,明景泰初年,信士诸公创修庙于底石崖,延及成化年间乃修葺于中峰之巅,后世多次重修,1917年——1920年再重修葺”。(1958年文物普查记录)其寺据今已有550多年的历史了。大洪寺面南而建,与大理河南岸之青龙山、克戎寨(今张家寨)遥遥相对。</p>
    					</div>
    				</div>
    				<div class="col-md-3 news-grid">
    					<h4>淮宁河</h4>
    					<span>2020.02.07</span>
    					<img src="images/ticket.jpg" alt="">
    					<div class="news-info">
    						<p>淮宁河无定河,陕北最著名的一条河。它从遥远的三边高原西南部的白于山脉奔腾而来,它在陡峭的石壁间、狭窄的河谷里咆哮冲撞,夺路东下,在莽莽的山沟大川上,又有无数的大河小溪从四面八方汇入了它博大的怀抱。淮宁河,就是这无数支流中的一条河流。它发源于子长县石家湾乡高柏山麓的枣树畔村,流经子长、子洲、绥德三县的十个乡镇,近百个村庄,最后从绥德县邓家楼村入无定河,全长85.2公里,流域总面积1222平方公里。</p>
    					</div>
    				</div>
    				<div class="col-md-3 news-grid">
    					<h4>子洲柏全山</h4>
    					<span>2020.02.07</span>
    					<img src="images/ticket.jpg" alt="">
    					<div class="news-info">
    						<p>柏全山位于瓜园则湾乡政府驻地南3公里处。据传说,此山曾有4株枝叶繁茂的大柏树,故名柏全山。柏全山北高南低,山巅上有一古庙,主奉天皇、地皇、人皇,简称为“三皇庙”。坐北面南,正殿为三孔硬山形顶拱式砖窑,整个寺院虽然面积不大,但布局合理,层次分明,有泥塑五十余尊,保持有晚清风格。</p>
    					</div>
    				</div>
    				<div class="clearfix"> </div>
    			</div>
    		</div>
    	</div>
    	<!-- //news -->
    	<!-- footer -->
    	<div class="footer">
    		<!-- container -->
    		<div class="container">
    			<div class="col-md-6 footer-left">
    				<h3>联系我们</h3>
    				<form>
    					<input type="text" placeholder="电子邮件,例如1435469178@qq.com" required="">
    					<input type="submit" value="提交">
    				</form>
    			</div>
    			<div class="col-md-3 footer-middle">
    				<h3>地址</h3>
    				<div class="address">
    					<p>陕北黄土高原丘陵沟壑区腹地
    						<span>榆林市南缘</span>
    					</p>
    				</div>
    				<div class="phone">
    					<p>0573-88731088</p>
    				</div>
    			</div>   
    			<div class="col-md-3 footer-right">
    				<div class="f-logo">
    					<a href="index.html">榆林子州</a>
    				</div>
    				<p>陕北黄土高原丘陵沟壑区腹地,榆林市南缘</p>
    			</div>
    			<div class="clearfix"> </div>	
    		</div>
    		<!-- //container -->
    	</div>
    	<!-- //footer -->
    	<!-- copyright -->
    	<div class="copyright">
    		<!-- container -->
    		<div class="container">
    			<div class="copyright-left">
    				<p>Copyright &copy; 2020.All rights reserved.&nbsp;-JMX-designed&nbsp;for<a href="index.html" target="_blank" title="子州">子州旅游</a></p>
    			</div>
    		</div>
    		<!-- //container -->
    	</div>
    	<!-- copyright -->
    </body>
    </html>
    
    

    部分网页截图

    展开全文
  • HTML期末作业-旅游网页作业Html+css+JavaScript+Bootstarp,共有8个页面 部分网页截图 网页源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <...

    HTML期末作业-旅游网页作业Html+css+JavaScript+Bootstarp,共有8个页面

    部分网页截图 

     

     

    网页源码 

    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title>荷城-贵港</title>
        <!-- 新 Bootstrap4 核心 CSS 文件 -->
        <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css">
        <link rel="stylesheet" href="css/index.css">
        <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
        <script src="js/jquery.min.js"></script>
        <!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单,包含了 popper.min.js -->
        <script src="js/bootstrap/popper.min.js"></script>
        <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
        <script src="js/bootstrap/bootstrap.min.js"></script>
        <link rel="stylesheet" href="css/bootstrap/bootstrap.css">
    </head>
    <body>
    <!--首页导航-->
    <div class="top">
    <nav class=" navbar navbar-expand-sm  navbar-dark ">
        <div class=""><a class="navbar-brand" href="#"><img class="img-fluid" src="./images/index.png"><p class="top-logo">荷城-贵港</p></a></div>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="collapsibleNavbar">
            <ul class="navbar-nav ">
                <li class="nav-item"><a class="nav-link " href="index.html">首页</a></li>
                <li class="nav-item"><a class="nav-link" href="html/jianjie.html">简介</a></li>
                <li class="nav-item"><a class="nav-link" href="html/list-new.html">新闻动态</a></li>
                <li class="nav-item"><a class="nav-link" href="html/techan.html">特色美食</a></li>
                <li class="nav-item"><a class="nav-link" href="html/jingdian.html">旅游景点</a></li>
            </ul>
        </div>
    </nav>
    </div>
    <!--主要内容-->
    <div class="container d-biankuang" style="margin-top:30px">
        <div class="row row-jianjie">
            <div class="col-sm-12 d-biaoti">
                <h3>简介</h3>
            </div>
            <hr class="row-hr">
            <div class="col-sm-7">
                <div id="demo" class="carousel slide" data-ride="carousel">
                    <!-- 指示符 -->
                    <ul class="carousel-indicators">
                        <li data-target="#demo" data-slide-to="0" class="active"></li>
                        <li data-target="#demo" data-slide-to="1"></li>
                        <li data-target="#demo" data-slide-to="2"></li>
                    </ul>
                    <!-- 轮播图片 -->
                    <div class="carousel-inner">
                        <div class="carousel-item active"><img src="images/001.jpg" alt=""></div>
                        <div class="carousel-item"><img src="images/002.jpg" alt=""></div>
                        <div class="carousel-item"><img src="images/003.jpg" alt=""></div>
                        <div class="carousel-item"><img src="images/004.jpg" alt=""></div>
                    </div>
                    <!-- 左右切换按钮 -->
                    <a class="carousel-control-prev" href="#demo" data-slide="prev">
                        <span class="carousel-control-prev-icon"></span>
                    </a>
                    <a class="carousel-control-next" href="#demo" data-slide="next">
                        <span class="carousel-control-next-icon"></span>
                    </a>
                </div>
            </div>
            <!--<div class="col-sm-5">
                <div class=""><p>贵港,位于广西壮族自治区东南部,西江流域中游,浔郁平原中部,是大西南出海通道的重要门户,中缅油气管道天然气管道终点。贵港港为中国西部地区内河第一大港,国家智慧城市试点城市,西江黄金水道流经市境,东临梧州、南临玉林和钦州、西接南宁、北邻来宾。</p>
                    <p>1995年10月经国务院批准升为地级市,辖港北区、港南区、覃塘区和平南县,代管县级桂平市,总面积10606平方千米。特产有菠萝蜜、贵港莲藕、龙眼、桂圆干、覃塘毛尖茶、罗汉果等。</p>
                    <p>贵港市因城里多种植荷花而别称荷城,是一座具有两千多年历史的古郡新城,也是一座充满生机的新兴内河港口城市。贵港市是国家一类对外开放口岸、全国内河港口十强、中国西部地区最大内河港口、国家承接产业专业示范区、全国双拥模范城、全国群众文化和体育先进城市、广西壮族自治区园林城市、广西壮族自治区爱国卫生先进城市、广西壮族自治区文明城市...</p>
                </div>
            </div>-->
            <div class="col-sm-5">
                <div class="row">
                    <div class="col-sm-12 list-lanmu">
                        <h5 class="col-new-h5">新闻动态</h5><a href="html/list-new.html">更多</a>
                    </div>
                    <hr class="row-hr">
                    <div class="col-sm-12 list-tite">
                        <a href="html/new.html"><h7 class="row-hr-h7">2020年广东省成人学士学位外语考试成绩明天公布!</h7><p class="row-hr-p">6.12</p></a>
                    </div>
                    <div class="col-sm-12 list-tite">
                        <a href="html/new.html"><h7 class="row-hr-h7">2020年广东省成人学士学位外语考试成绩明天公布!</h7><p class="row-hr-p">6.12</p></a>
                    </div>
                    <div class="col-sm-12 list-tite">
                        <a href="html/new.html"><h7 class="row-hr-h7">2020年广东省成人学士学位外语考试成绩明天公布!</h7><p class="row-hr-p">6.12</p></a>
                    </div>
                    <hr class="row-hr">
                </div>
            </div>
    
        </div>
        <div class="row row-jianjie">
            <div class="col-md-12 d-biaoti">
                <h3>特产美食</h3>
            </div>
            <hr class="row-hr">
            <div class="col-ms-3">
                <div class="tu">
                    <a href="html/lianou.html">
                        <img src="images/009.jpg">
                        莲藕
                    </a>
                </div>
            </div>
            <div class="col-ms-3">
                <div class="tu">
                    <a href="html/maojiancha.html">
                        <img src="images/010.jpg">
                        覃塘毛尖茶
                    </a>
                </div>
            </div>
            <div class="col-ms-3">
                <div class="tu">
                    <a href="html/tianluo.html">
                        <img src="images/011.jpg" >
                        田螺汤
                    </a>
                </div>
            </div>
            <div class="col-ms-3">
                <div class="tu">
                    <a href="html/guiping.html">
                        <img src="images/012.jpg" >
                        桂平狗肉
                    </a>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="colo-sm-12">
                <div class="d-biaoti">
                    <h3>简介</h3>
                </div>
            </div>
            <hr class="row-hr">
                <div class="col-ms-3">
                    <div class="tu">
                        <a href="html/nanshansi.html">
                            <img src="images/004.jpg" width="250" height="220">
                            南山寺
                        </a>
                    </div>
                </div>
                <div class="col-ms-3">
                    <div class="tu">
                        <a href="html/xingshiji.html">
                            <img src="images/016.jpg" width="250" height="220">
                            新世纪广场
                        </a>
                    </div>
                </div>
                <div class="col-ms-3">
                    <div class="tu">
                        <a href="html/maochaojiang.html">
                            <img src="images/014.jpg" width="250" height="220">
                            马草江生态公园
                        </a>
                    </div>
                </div>
                <div class="col-ms-3">
                    <div class="tu">
                        <a href="html/tianpingshan.html">
                            <img src="images/015.jpg" width="250" height="220">
                            平天山国家森林公园
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    
    <!--页脚-->
    <div class="container-fluid foot">
        <div class="row text-center " >
            <div class="foot-banquan" ><p>GuiGang @ 2021-09-03</p></div>
        </div>
    </div>
    
    </body>
    </html>

     

    展开全文
  • HTML期末作业课程设计-香水网站 5个网页包括登录注册 部分源码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Parfumare | famous</title> <...

     HTML期末作业课程设计-香水网站

    5个网页包括登录注册

    部分源码 

    
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>Parfumare | famous</title>
    		<link rel="stylesheet" type="text/css" href="css/style.css"/>
    		<link rel="stylesheet" type="text/css" href="css/caipu.css"/>
    	</head>
    	<body>
    		<div class="nav">
    			<ul class="uu-nav">
    				<li class="logo">Parfum </li>
    				<li class="nav-lists"><a href="index.html">首页</a> </li>
    				<li class="nav-lists"><a href="master.html">香氛</a> </li>
    				<li class="nav-lists"><a href="caipu.html">知名品牌</a> </li>				
    				<li class="nav-lists"><a href="health.html">香水鉴赏</a> </li>
    				<li class="nav-lists"><a href="login.html">登录</a> </li>
                    <li class="nav-lists"><a href="res.html">注册</a> </li>
    				<li class="ico">三</li>
    			</ul>
    			<ul class="uu-lists">
    				 <li><a href="index.html">首页</a> </li>
    				 <li><a href="master.html">香氛</a> </li>
    				<li><a href="caipu.html">知名品牌</a>  </li>				
    				<li><a href="health.html">香水鉴赏</a> </li>
    				<li><a href="login.html">登录</a> </li>
    			</ul>
    		</div>
     <div class="bananer">
    	<img src="images/shop.jpg"/>
     </div>
     <nav>
        	<h3>知名品牌</h3>
    </nav>
    <div class="cp-list min-width">
    	<ul>
    		<li>
    			<div class="cp-img"><img src="img/chanel.jpg"/></div>
    			<h4>CHANEL</h4>
    			<p>I wear nothing but a few drops of Chanel No.5.</p>
    			<strong>了解更多</strong>
    		</li>
    		<li>
    			<div class="cp-img"><img src="img/givenchy.jpg"/></div>
    			<h4>GIVENCHY</h4>
    			<p>纪梵希香水几乎就是赫本本人的化身——经典、优雅、高贵、简洁、女性化</p>
    		<strong>了解更多</strong>
    		</li>
    		<li>
    			<div class="cp-img"><img src="img/dior.jpg"/></div>
    			<h4>DIOR</h4>
    			<p>Dior Addict the now fragrance from Dior.</p>
    		<strong>了解更多</strong>
    		</li>
    		<li>
    			<div class="cp-img"><img src="img/burberry.jpg"/></div>
    			<h4>BURBUEEY</h4>
    			<p>The good things in life never change.</p>
    			<strong>了解更多</strong>
    		</li>
    		<li>
    			<div class="cp-img"><img src="img/ysl.jpg"/></div>
    			<h4>Yves Saint laurent</h4>
    			<p>我想和你见面 地点你选 森林 沙漠 夜晚依稀的湖畔 草原 大海 清晨薄雾的街口 只是 不要再在梦里了</p>
    		<strong>了解更多</strong>
    		</li>
    		<li>
    			<div class="cp-img"><img src="img/ck.jpg"/></div>
    			<h4>Calvin Klein</h4>
    			<p>Be good,be bad,just be yourself.</p>
    		<strong>了解更多</strong>
    		</li>
    	</ul>
    </div>
     
    <footer>
    	<p>友情链接  <a href="https://www.chanel.cn/zh_CN/fragrance-beauty/home.html?utm_source=baidu&utm_medium=brandzone&utm_campaign=20161213_ec_launch&utm_content=pc_top_title&utm_term=fbp_pc&ag_kwid=17195-4-6c0457a5b89d7dfc.24752fdcbd6d391b">CHANEL</a> <a href="https://www.dior.cn/zh_cn/fragrance/new-fragrances">DIOR</a> <a href="https://www.givenchybeauty.cn/%E9%A6%99%E6%B0%B4/">GIVENCHY</a> </p>
    	<p>计网1951班06梁玟瑄</p>
    </footer>
    	<script src="js/nav.js" type="text/javascript">
    	</script>
    	</body>
    </html>
    

    部分网址截图

    展开全文
  • HTML期末作业-汽车奔驰4s店,期末作业HTML奔驰,HTML作业汽车HTML+css+JavaScript,4个页面! 部分源码 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta ...

     HTML期末作业-汽车奔驰4s店,期末作业HTML奔驰,HTML作业汽车HTML+css+JavaScript,4个页面!

    部分源码

    
    <!DOCTYPE html>
    <html lang="zh-cn">
    <head>
      <meta charset="UTF-8">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>联系</title>
    <link rel=stylesheet type="text/css" href="css/contact.css">
    <link rel="stylesheet" href="css/gallery.css">
    
    <script type="text/javascript" src="./js/jquery-1.2.6.pack.js"></script>
    <script type="text/javascript" src="./js/common.js"></script>
    
    </head>
    <section class="first-top-section">
      <div class="first-header">
          <img class="first-header-img" src="img/header.png" alt="Header">
          <h1 class="first-set-name">联系</h1>
          <div class="first-nav-container">
            <nav class="first-nav">
              <ul>
               <li><a href="index.html">首页</a></li>
               <li><a href="products.html">产品</a></li>
               <li><a href="service.html">服务</a></li>
               <li><a href="gallery.html"  >展览</a></li>
               <li><a href="contact.html" class="active">联系</a></li>
             </ul>
           </nav> 
         </div>
       </div>
       <div class="first-welcome">
          <div class="img"><img src="img/welcome-img.png" alt=""></div>
      </div>
      </section>
    
        <div class="fcnt" id="ppt">
      <div class="mimg" id="mpc">
        <div style="display:block"><img src="./img/11.jpg" width="650" height="460"/></div>
        <div><a href="#"><img src="./img/22.png"  width="650" height="460"/></a></div>
        <div><a href="#"><img src="./img/33.png"  width="650" height="460"/></a></div>
        <div><a href="#"><img src="./img/44.png"   width="650" height="460"/></a></div>
      </div>
      
      
      <ul class="ul2">
        <li class="cur1"><img src="./img/55.png"  width="250" height="115"/></li>
        <li class="cur2"><img src="./img/66.png"  width="250" height="115"/></li>
        <li class="cur3"><img src="./img/22.png"  width="250" height="115"/></li>
        <li cur4><img src="./img/11.jpg"  width="250" height="115"/></li>
      </ul>
    </div>
    
    <div class="jd">
      <div class="title">图书介绍<br><i>Introduction</i></div>
      <div class="xz_nr">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;《目送》是作家龙应台继《孩子你慢慢来》《亲爱的安德烈》后,龙应台再推出思考“生死大问”的作品,是一本感悟性的人生之书。
        <img class="imgs" src="./img/99.png" width="400" height="200" align="right"><br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;《目送》是一本生死笔记,深邃,忧伤,美丽。《目送》的七十三篇散文,写父亲的逝、母亲的老、儿子的离、朋友的牵挂、兄弟的携手共行,写失败和脆弱、失落和放手,写缠绵不舍和绝然的虚无。她写尽了幽微,如烛光冷照山壁。
    <br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;《目送》散文集共由七十三篇散文组成,是为一本情感性的文集。书中,龙应台写父亲的死亡、母亲的衰老和失智;写对父母的怜惜和体恤,写兄弟携手共行,儿子的离别,朋友的牵挂;写自己的失败和脆弱,失落和放手,以及一个人的走路、赏树、观鸟、拍照、生活等。从牵着孩子幼小的手、情意满满的亲情,到青春后期孩子与自己渐行渐远的背影;从陪着年迈母亲如带着女儿一般,思及自己也曾是父母眼前一去不返的背影,龙应台娓娓道来。正如作者所说:“我慢慢地、慢慢地了解到,所谓父女母子一场,只不过意味着,你和他的缘分就是今生今世不断地在目送他的背影渐行渐远。你站在小路的这一端,看着他逐渐消失在小路转弯的地方,而且,他用背影默默地告诉你,不用追。”
    </div>
    
    <div class="rm">
      <div class="title">美书欣赏<br><i>Appreciate</i></div>
       <div id=demo style="overflow:hidden;width:880px;color:#ffffff; padding-top:10px; margin-left:10px; margin: 0 auto;;">
            <table border=0 align=left cellpadding=0 cellspacing="0" cellspace=0>
              <tr>
                <td valign=top id=demo1>
                    <table width="880"  padding-left:10px; cellspacing="5" cellpadding="0">
                            <tr>
                                <td><a href="#">
                                  <img src="./img/11.jpg" width="420" height="250" style="padding-left:10px;"></a>
                                </td>
                               <td><a href="#">
                                  <img src="./img/99.png" width="420" height="250" style="padding-left:10px;"></a>
                                </td>
                                <td><a href="#">
                                  <img src="./img/55.png" width="420" height="250" style="padding-left:10px;"></a>
                                </td>
                                <td><a href="#">
                                  <img src="./img/44.png" width="420" height="250" style="padding-left:10px;"></a>
                                </td>
                                <td><a href="#">
                                  <img src="./img/88.png" width="420" height="250" style="padding-left:10px;"></a>
                                </td>
                                <td><a href="#">
                                  <img src="./img/77.png" width="420" height="250" style="padding-left:10px;"></a>
                                </td>
                            </tr>
                  </table>
                </td>
                <td id=demo2 valign=top></td>
              </tr>
            </table>
      </div>
      <footer class="footer">
          <div class="main" style="background: transparent;">
          <div class="main-menu">
            <h3 class="footer-title">主&nbsp;菜&nbsp;单</h3>
            <ul class="ul3">
              <li><a href="">主页</a></li>
              <li><a href="">关于我们</a></li>
              <li><a href="">目录</a></li>
              <li><a href="">服务</a></li>
            </ul>
          </div>
          <div class="about">
            <h3>关于我们</h3>
            <p>北京奔驰汽车有限公司(简称北京奔驰)成立于2005年8月8日,是北京汽车股份有限公司与戴姆勒股份公司、戴姆勒大中华区投资有限公司共同投资,集研发、发动机与整车生产、销售和售后服务为一体的中德合资企业。</p>
          </div>
          <div class="social">
            <h3>社交</h3>
            <div class="social-link">
              <a href="">脸书</a>
              <a href="">QQ</a>
              <a href="">微信</a>
              <a href="">微博</a>
              <a href="">知乎</a>
            </div>
          </div>
        </div>
        </footer>
    
        <script type="text/javascript">
            var speed=30
            demo2.innerHTML=demo1.innerHTML
            function Marquee(){
            if(demo2.offsetWidth-demo.scrollLeft<=0)
                demo.scrollLeft-=demo1.offsetWidth
            else{
                demo.scrollLeft++
                }
            }
            var MyMar=setInterval(Marquee,speed)
            demo.onmouseover=function() {clearInterval(MyMar)}
            demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
        </script>
      
    </body>
    </html>

     页面截图

    展开全文
  • HTML期末作业-中国足球网页,HTML+css+JavaScript,页面! 部分网页源代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=...
  • HTML期末作业-我的大学寝室,5个页面HTML+css+JavaScript,有视频注册登录页面! 部分网页源代码 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name=...
  • HTML期末作业-网上书城网上书店,HTML+css+JavaScript,7个页面! 部分源码 <!DOCTYPE HTML> <html> <head> <title>网上书城</title> <link href="css/bootstrap.css" rel=...
  • HTML期末作业作业-仿商城个人中心网站模板(HTML+CSS+JavaScript) 商城个人中心网站模板,全套模板,包括注册、登录、个人中心首页、实名认证、购物车、我的成长值、意见投诉、自营店铺、我的购物券、店铺收藏、安全...
  • HTML期末作业作业-网上购物食品超市HTML模板(HTML+CSS+JavaScript) 网上购物食品超市HTML模板,全套模板,包括首页、注册、登录、找回密码、用户中心、产品预定、收货地址、我的订单、我的收藏、消费记录、用户信息...
  • html网页制作期末大作业-我的家乡网页html+css+javascript 9个页面适用学生作业课程设计家乡网页、期末作业家乡网页、毕业设计家乡网页 部分网页截图 部分家乡网页源码 <!DOCTYPE html> <html> ...
  • HTML期末作业-仿家居装饰公司HTML网站模板(HTML+CSS+JavaScript) 绿色家居装饰工程公司HTML网站模板,DIV+CSS布局设计,全套模板,包括首页、公司简介、新闻资讯、经典案例、合作与支持等HTML企业模板页面。 效果...
  • HTML期末作业-绿色果蔬商城购物网模板(HTML+CSS+JavaScript) 商城购物网HTML模板,(HTML+CSS+JavaScript)布局,全套模板,包括商城首页、特色产品、产品详情、相关资讯、商城简介、注册、登录等HTML商城模板。 效果...
  • HTML期末作业-仿美食菜谱网站HTML模板(HTML+CSS+JavaScript) 美食菜谱网站模板,DIV+CSS布局设计,自适应分辨率,兼容PC端和移动端,全套模板,包括首页、饮食健康、美食达人、菜谱大全、登录等HTML企业网站模板页面...
  • HTML期末作业-响应式旅游景区模板(HTML+CSS+JavaScript) HTML5响应式旅游景区网站模板,自适应分辨率,兼容PC端和移动端,全套模板,包括简介、文化历史、住宿、子州美食、景区公告、联系我们等HTML网站模板页面。 ...
  • 就一个菜鸟做的期末作业
  • html 期末作业 花店

    2013-10-16 10:59:46
    包含6个页面,一个flash 界面全部是div和表格+css样式
  • HTML+CSS+JavaScript期末作业-个人简历,一个页面。 部分网页源码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <...
  • html网页制作期末大作业-美食点餐网页html+css+javascript 9个页面适用学生作业课程设计美食点餐网页、期末作业美食点餐网页、毕业设计美食点餐网页 首页 点餐页面 秒杀页面 底部 注册页面 文件目录 ...
  • HTML期末作业-宠物网

    2021-06-16 08:57:39
    HTML期末作业-宠物网 <html> <head> <title>宠物</title> <link rel="shortcut icon" type="image/x-icon" href="img/upimages/favicon.ico" /> <script type="text/...
  • html网页制作期末大作业-美食点餐网页html+css+javascript 9个页面适用学生作业课程设计我的大学生活网页、期末作业我的大学生活网页、毕业设计我的大学生活网页 网页截图 网页源码 <!DOCTYPE html>...
  • 美食网站HTML+CSS+JavaScript 部分代码 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0...
  • 旅游网页HTML+CSS+JavaScript 部分网页截图 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=...
  • HTML期末作业-我的大学生活 部分网页源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-...
  • 一个使用了HTML和CSS及Jquery完成的网页建设,具有首页,美食简介,店面简介,品牌故事,关于我们等页面,是一个简单的企业项目,耗时3天完成,主要jQuery应用的方面有轮播图,分页器点击切换,tabs标签页切换等常用...
  • 【实例简介】自己敲的代码,期末作业,网页制作,大一学生作品。【实例截图】【核心代码】一天├── a.jpeg├── exstyle.css├── js│ ├── jquery1.42.min.js│ └── nav.js├── left.html├── music....
  • HTML期末作业作业-仿小米商城(HTML+CSS+JavaScript),一个页面。 部分网页源代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" ...
  • html期末作业

    2013-12-18 09:56:36
    html期末作业,可以供选修了html网页的课的同学应付老师……
  • 很简单的网页设计,适合初学者,简单的html期末作业,欢迎下载,方便你我他,有文档解释。
  • HTML期末作业

    热门讨论 2012-11-24 20:47:17
    这是我自己做的HTML期末作业,花了很多时间,稍加修改就可以作为自己的作业了,而且也可以作为学习参考
  • html 毕业设计,毕业作业,期末作业,个人网页html 毕业设计,毕业作业,期末作业,个人网页

空空如也

空空如也

1 2 3 4 5 ... 15
收藏数 286
精华内容 114
关键字:

html期末作业