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

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

文章目录

一、作品介绍
二、作品演示
三、代码目录
四、网站代码
- HTML部分代码
五、源码获取

一、作品介绍

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

二、作品演示

在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码

<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>