HTML静态网页成品作业(HTML+CSS)——企业摄影网介绍网页(3个页面)

🎉不定期分享源码,关注不丢失哦

文章目录


一、作品介绍

🏷️本套采用HTML+CSS,未使用Javacsript代码,共有3个页面

二、作品演示



三、代码目录

四、网站代码

HTML部分代码

c 复制代码
<div class="header">
		<div class="in">
			<div class="logo">摄影网</div>
			<ul>
				<li class="t"><a href="index.html">首页</a></li>
				<li><a href="maitu.html">我要卖图</a></li>
				<li><a href="login.html">我要登录</a></li>
			</ul>
		</div>
	</div>
	
	<div class="main">
		<div class="search">
			<input type="text" placeholder="请输入搜索词">
			<button><img src="./images/search.png" alt=""></button>
		</div>
		
		
		<div class="con">
			<h2>为你推荐</h2>
			<table cellspacing="15">
				<tr>
					<td><img src="./images/1.jpeg"  alt="" height="300" width="400"></td>
					<td colspan="2">
						<img src="./images/3.jpeg" alt="" height="300"  width="815">
					</td>
				</tr>
				<tr>
					<td rowspan="2"><img src="./images/5.jpeg" alt="" height="630"  width="400"></td>
					<td><img src="./images/2.jpeg"  alt="" height="300"  width="400"></td>
					<td><img src="./images/7.jpeg" alt="" height="300"  width="400"></td>
				</tr>
				<tr>
					<td colspan="2"><img src="./images/6.jpeg" alt=""   width="815" height="300"></td>
				</tr>
			</table>
		</div>
	</div>
	
	
	<div class="footer">
		摄影网 版权所有
	</div>

五、源码获取

🥇 ~ 关注我,点赞博文~ 每天带你涨知识!

🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。

💙2.想要获取本文源码,点击前往吧

相关推荐
伍哥的传说18 分钟前
鸿蒙系统(HarmonyOS)应用开发之手势锁屏密码锁(PatternLock)
前端·华为·前端框架·harmonyos·鸿蒙
yugi98783820 分钟前
前端跨域问题解决Access to XMLHttpRequest at xxx from has been blocked by CORS policy
前端
浪裡遊32 分钟前
Sass详解:功能特性、常用方法与最佳实践
开发语言·前端·javascript·css·vue.js·rust·sass
旧曲重听11 小时前
最快实现的前端灰度方案
前端·程序人生·状态模式
默默coding的程序猿1 小时前
3.前端和后端参数不一致,后端接不到数据的解决方案
java·前端·spring·ssm·springboot·idea·springcloud
夏梦春蝉2 小时前
ES6从入门到精通:常用知识点
前端·javascript·es6
归于尽2 小时前
useEffect玩转React Hooks生命周期
前端·react.js
G等你下课2 小时前
React useEffect 详解与运用
前端·react.js
我想说一句2 小时前
当饼干遇上代码:一场HTTP与Cookie的奇幻漂流 🍪🌊
前端·javascript
funnycoffee1232 小时前
Huawei 6730 Switch software upgrade example版本升级
java·前端·华为