网页大作业代码自取[通俗易懂]

网页大作业代码自取[通俗易懂]网页大作业(内有代码可免费自取) 为了便于大家自取,代码都写在一页上,本人还是建议大家通过外链样式来引入css,代码仅供学习,如有侵权联系删除。![主页效果展示](https://img-blog.csdnimg.cn/20210505002015238.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpb25nbGxpbmc=,size_1

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

网页大作业(内有代码可免费自取)

	为了便于大家自取,代码都写在一页上,本人还是建议大家通过外链样式来引入css,代码仅供学习,如有侵权联系删除。

在这里插入图片描述

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #container{ 
   
		width: 1228px;
		height: 500px;
		margin: 0 auto;
	}
	#top{ 
   
		width: 1222px;
		height: 20px;
		background-color: #e7e7e7;
	}
	#top-left{ 
   
		width: 800px;
		float: left;
	}
	#contact{ 
   
		float: left;
	}
	#top-right{ 
   
		width: 161px;
		float: right;
	}
	#nav{ 
   
		width: 1222px;
		height: auto;
		margin-top: 30px;
		line-height: 20px;
	}
	#logo{ 
   
		padding-left: 120px;
		float: left;
	}
	#cnav{ 
   
		padding-left: 60px;	
		padding-top: 15px;
		float: left;
		line-height: 20px;
	}
	a{ 
   
		text-decoration: none;
		color: grey;
		font-size: 16px;
	}
	a:hover{ 
   
		color: black;
		text-decoration:underline;
	}
	#show1{ 
   
		padding-top: 15px;
	}
	</style> <style type="text/css"> #home{ 
   
		width: 940px;
		height: auto;
		margin: 15px auto 0px;
	}
	#show2{ 
   
		width: 940px;
		height: 111px;
	}
	#show2 div{ 
   
		width: 110px;
		height: 110px;
		float: left;
		padding: 0 39px 20px;
	}
	#liubai{ 
   
		padding-top: 30px;
	}
	#show3{ 
   
		width: 940px;
		height: 33px;
		text-align: center;
		background-color: black;
	}
	#show4{ 
   
		width: 940px;
		height: 230px;
	}
	#show4 div{ 
   
		width: 172px;
		height: 230px;
		float:left;
		padding: 0 7px 0px;
	}
	#maintext{ 
   
		width: 940px;
		height: auto;
		text-align: center;
	}
	#ctext{ 
   
		width: 940px;
		height: auto;
		text-align: center;
	}
	#button{ 
   
		width: 1228px;
		height: auto;
		background-color: #e7e7e7;
		margin: 0px auto;
		text-align: center;
		border-top: 1px solid black;
	}
	</style>
</head>
<body>
	<div id="container">
		<div id="top">
			<div id="top-left">&nbsp;</div>
			<div id="contact"><img src="./image/img/homepage_03.png"></div> <!--此处放联系方式图片图片大小261px x 20px-->
			<div id="top-right"></div>
		</div>
		<div id="nav">
			<div id="logo"><img src="./image/img/homepage_07.png"></div> 	<!--此处放logo图片图片大小195px x 41px-->
			<div id="cnav">
				<a href="./zhimei.html">主页 &nbsp;&nbsp;&nbsp;&nbsp;|</a>&nbsp;&nbsp;
				<a href="./aboutus.html">关于至美 &nbsp;&nbsp;&nbsp;&nbsp;|</a>&nbsp;&nbsp;
				<a href="./chenggong.html">成功案例 &nbsp;&nbsp;&nbsp;&nbsp;|</a>&nbsp;&nbsp;
				<a href="./news.html">新闻动态 &nbsp;&nbsp;&nbsp;&nbsp;|</a>&nbsp;&nbsp;
				<a href="./contant.html">在线咨询 &nbsp;&nbsp;&nbsp;&nbsp;|</a>&nbsp;&nbsp;
				<a href="./contant.html">联系我们 &nbsp;&nbsp;&nbsp;&nbsp;</a>
			</div>
		</div>
		<div id="show1"><img src="./image/img/homepage_10.png"></div>        <!--此处放主页图片图片图片大小1222px x 401px-->
	</div>
	<div id="home">
		<div id="show2">
			<div><a href="#"><img src="./image/img/homepage_13.png"></a></div>   <!--此处放网页内容的图片 图片大小108px x 110px-->
			<div><a href="#"><img src="./image/img/homepage_15.png"></a></div>
			<div><a href="#"><img src="./image/img/homepage_17.png"></a></div>
			<div><a href="#"><img src="./image/img/homepage_19.png"></a></div>
			<div><a href="#"><img src="./image/img/homepage_21.png"></a></div>
		</div>
		<div id="liubai"></div>
		<div id="show3" style="color:red;font-size:30px" >EXHIBITION</div>
		 ——————————————————————————案例 展示————————————————————————
		<div id="liubai"></div>
		<div id="show4">
			<div><a href="#"><img src="./image/img/homepage_30_29.png"></a></div> 	<!--此处放网页内容的图片 图片大小172px x 230px-->
			<div><a href="#"><img src="./image/img/homepage_30_31.png"></a></div>
			<div><a href="#"><img src="./image/img/homepage_30_33.png"></a></div>
			<div><a href="#"><img src="./image/img/homepage_30_35.png"></a></div>
			<div><a href="#"><img src="./image/img/homepage_30_37.png"></a></div>
		</div>
		<div id="liubai"></div>
		<div id="show3" style="font-size:30px" >
			<span style="color:red">ABOUT</span>
			<span style="color:white">US</span>
		</div>
		 ——————————————————————————关于 我们————————————————————————
		 <div id="liubai"></div>
		 <div id="maintext">
		 	<p style="font-size:20px;">至美创意 因为<strong>专注</strong> 所以<strong>专业</strong></p>
		 	<p>无论你是创业路上的文艺青年、店面商铺的老板、需要强化品牌的企业家、网店的店主</p>
		 	<p>我们都能为您提供高端低价的设计、我们以最有效、最快速的方式为您提供最合适的方案</p>
		 </div>
		 <div id="show3" style="font-size:30px" >
			<span style="color:red">SERVICE</span>
			<span style="color:white">PROCESS</span>
		</div>
		 ——————————————————————————服务 流程————————————————————————
		 <div id="ctext">
		 	<img src="./image/img/homepage_29.png">项目洽谈,根据需求报价  <!--图片尺寸22 x 22px-->
		 	<img src="./image/img/homepage_40.png">
		 	<img src="./image/img/homepage_31.png">预付定金,开始设计
		 	<img src="./image/img/homepage_40.png">
		 	<img src="./image/img/homepage_34.png">修改定稿完成设计
		 	<img src="./image/img/homepage_40.png">
		 	<img src="./image/img/homepage_37.png">签收付尾款
		 </div>
		 <div id="liubai"></div>
		 <div id="liubai"></div>
	</div>
	<div id="button" >
		<a href="./zhimei.html" style="color:black">主页 |</a>
				<a href="./aboutus.html" style="color:black">关于至美 |</a>
				<a href="./chenggong.html" style="color:black">成功案例 |</a>
				<a href="./contant.html" style="color:black">在线咨询 </a>
				<br>
		<p>copyright © 2004-2015 至美创意工作室</p>
		<p>技术支持:初秋二一</p>
	</div>
</body>
</html>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/190088.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 参加 CSDN 2009 英雄大会有感(一)

    参加 CSDN 2009 英雄大会有感(一)

  • javascript onpropertychange

    javascript onpropertychangeNewDocument functioninit() { all_real(); } functionall_real() { varbasePay=document.all("hrSalary.basePay").value; vartextf…

  • Logback日志工具使用详解

    Logback日志工具使用详解由于Logback比log4j和SLF4J拥有众多优点,如性能(据说有时达到10倍以上),并且支持自动加载配置文件,自动删除旧的日志文件,以及同一个logback配置文件同时适应开发,测试,生产等。因此Logback官方强烈建议开发人员从log4j转到使用Logback。

  • 云服务器搭建青龙面板每日自动拿京豆

    云服务器搭建青龙面板每日自动拿京豆前言:之前网上有只要扫码一下就可以每天领上百京豆和一些红包的活动,后来呢,扫码就失效了,但是呢,这背后的技术还没有失效。这白嫖活动其实就是用脚本代替我们去参与京东的各种活动,去获取红包和京豆,而这些脚本是部署在电脑上,定时去执行的,接下来,根据网上的大佬的教程,我们也来实现一下。每天100-200京豆不等,坐收渔利,快来试试吧。一、安装前的准备​青龙面板是使用Docker来安装的,理论上,只要有可以运行Docker的电脑都可以进行安装。但是呢,因为脚本要定时运行,所以最好安装在服务器上,或

    2022年10月14日
  • Spring的两种代理JDK和CGLIB的区别浅谈

    Spring的两种代理JDK和CGLIB的区别浅谈我的店铺一、原理区别:java动态代理是利用反射机制生成一个实现代理接口的匿名类,在调用具体方法前调用InvokeHandler来处理。而cglib动态代理是利用asm开源包,对代理对象类的class文件加载进来,通过修改其字节码生成子类来处理。1、如果目标对象实现了接口,默认情况下会采用JDK的动态代理实现AOP2、如果目标对象实现了接口,可以强制使用CGLIB实现AOP…

  • LM算法代码_快速排序算法代码

    LM算法代码_快速排序算法代码LM算法+推导+C++代码实践一、算法推导二、代码实践参考一、算法推导二、代码实践#include<Eigen/Dense>#include<Eigen/Sparse>#include<iostream>#include<iomanip>#include<math.h>usingnamespacestd;usingnamespaceEigen;constdoubleDERIV_STEP=1

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号