前端速成：双月Java之旅（week1）_day5

最新推荐文章于 2024-09-16 23:05:35 发布

若凡໌້ᮨ

最新推荐文章于 2024-09-16 23:05:35 发布

阅读量496

点赞数

文章标签： html

本文链接：https://blog.csdn.net/weixin_53673193/article/details/125710541

版权

第一周第五天的任务是模拟该网站页面，简要设计。

由于css没有学，无法对网站进行美化，只能简要设计网站。如下是根据样图自行制作的精简版网页界面。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>4399游戏大全</title>
	</head>
	<body>
		<img src="picture/logo.png"/ align="center" width="100%">
		<table  width="100%" height="80px">
			<tr bgcolor="green" align="center">
				<td>首页</td>
				<td>动作</td>
				<td>体育</td>
				<td>益智</td>
				<td>射击</td>
				<td>冒险</td>
				<td>棋牌</td>
				<td>策略</td>
				<td>双人</td>
			</tr>
		</table><table  width="100%" >
			<tr align="center" height="10px">
				<td><h2>休闲</h2></td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td><td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
			</tr><tr align="center" bgcolor="greenyellow">
				<td><h2>益智</h2></td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td><td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
			</tr><tr align="center">
				<td><h2>动作</h2></td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td><td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
			</tr><tr align="center" bgcolor="greenyellow">
				<td><h2>射击</h2></td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td><td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
				<td><a href="">游戏</td>
			</tr>
		</table>
		<table  width="100%" >
			<tr align="center" height="10px">
				
				<td><a href=""><img src="picture/game.png"/ align="center" width="100%"></td>
				<td><a href=""><img src="picture/game.png"/ align="center" width="100%"></td>
				<td><a href=""><img src="picture/game.png"/ align="center" width="100%"></td>
				<td><a href=""><img src="picture/game.png"/ align="center" width="100%"></td>
				<td><a href=""><img src="picture/game.png"/ align="center" width="100%"></td>
			</tr><tr align="center" bgcolor="greenyellow">
								<td><a href=""><img src="picture/game.png"/ align="center" width="100%"></td>
				<td><a href=""><img src="picture/game.png"/ align="center" width="100%"></td>
				<td><a href=""><img src="picture/game.png"/ align="center" width="100%"></td>
				<td><a href=""><img src="picture/game.png"/ align="center" width="100%"></td>
				<td><a href=""><img src="picture/game.png"/ align="center" width="100%"></td>
			</tr>
		</table>
	</body>
</html>

下图为以上代码生成的效果图，避免侵权就没有滥用图标与游戏名称。