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.想要获取本文源码,点击前往吧

相关推荐
qq_三哥啊1 小时前
【HTML】<script>元素中的 defer 和 async 属性详解
html·js
cypking1 小时前
electron中IPC 渲染进程与主进程通信方法解析
前端·javascript·electron
西陵1 小时前
Nx带来极致的前端开发体验——借助playground开发提效
前端·javascript·架构
江城开朗的豌豆1 小时前
Element UI动态组件样式修改小妙招,轻松拿捏!
前端·javascript·vue.js
float_六七2 小时前
JavaScript:现代Web开发的核心动力
开发语言·前端·javascript
zhaoyang03012 小时前
vue3笔记(2)自用
前端·javascript·笔记
德育处主任Pro3 小时前
# JsSIP 从入门到实战:构建你的第一个 Web 电话
前端
拾光拾趣录3 小时前
setTimeout(1) 和 setTimeout(2) 的区别
前端·v8
拾光拾趣录3 小时前
内存泄漏的“隐形杀手”
前端·性能优化
摸鱼仙人~3 小时前
HttpServletRequest深度解析:Java Web开发的核心组件
java·开发语言·前端