HTML案例一：卖书页面（静态）

最新推荐文章于 2023-01-05 12:25:24 发布

xue_yun_xiang

最新推荐文章于 2023-01-05 12:25:24 发布

阅读量1.3k

点赞数

分类专栏： JavaWEB 文章标签： java html

本文链接：https://blog.csdn.net/xue_yun_xiang/article/details/115382794

版权

JavaWEB 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

效果图：在这里插入图片描述
代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>
			<table>
				<tr>
					<td>&nbsp;&nbsp;千锋教育-稀有的坚持全国面授品质的大型IT教育机构</td>
					<td width="720px"></td>
					<td>
						<table>
							<tr>
								<td>好程序员特训营&nbsp;&nbsp;</td>
								<td>扣丁学堂&nbsp;&nbsp;</td>
								<td>联系我们&nbsp;&nbsp;</td>
								<td>加入收藏&nbsp;&nbsp;</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</div>
		<br>
		<div>
			<table>
				<tr>
					<td>
						&nbsp;&nbsp;&nbsp;&nbsp;
						<img src="http://www.mobiletrain.org/images/index/new_logo.png?t=5.28" >
					</td>
					<td width="850px">
						
					</td>
					<td>
						<img src="http://www.mobiletrain.org/images/index/nav_r_ico.png" >
					</td>
				</tr>
			</table>
		</div>
		<hr >
		<div>
			<table align="center">
				<tr>
					<td>首页&nbsp;&nbsp;</td>
					<td>课程培训&nbsp;&nbsp;</td>
					<td>教学保障&nbsp;&nbsp;</td>
					<td>免费视频&nbsp;&nbsp;</td>
					<td>公开课&nbsp;&nbsp;</td>
					<td>企业合作&nbsp;&nbsp;</td>
					<td>免就业喜报&nbsp;&nbsp;</td>
					<td>学员天地&nbsp;&nbsp;</td>
					<td>关于千峰&nbsp;&nbsp;</td>
					<td>学员论坛&nbsp;&nbsp;</td>
				</tr>
			</table>
			<hr >
		</div>
		<div>
			<table>
				<tr>
					<td width="1250px"></td>
					<td>
						首页&gt;课程培训&gt;JAVAEE列表
					</td>
				</tr>
			</table>
			<table>
				<tr>
					<h4>课程培训</h4>
					<h6>共XX种课程视频</h6>
				</tr>
			</table>
		<hr >
		</div>
		<div>
			<img src="./images/001.png"  width="1520px">
			<table width="100%">
				<tr>
					<td width="20%" align="center">
						<div>
						<img src="./images/002.png"><br>
						书名：XX <br>
						售价：XX
						</div>
					</td>
					<td width="20%" align="center">
						<div>
						<img src="./images/003.png"><br>
						书名：XX <br>
						售价：XX
						</div>
					</td>
					<td width="20%" align="center">
						<div>
						<img src="./images/004.png"><br>
						书名：XX <br>
						售价：XX
						</div>
					</td>
					<td width="20%" align="center">
						<div>
						<img src="./images/005.png"><br>
						书名：XX <br>
						售价：XX
						</div>
					</td>
					<td width="20%" align="center">
						<div>
						<img src="./images/006.png"><br>
						书名：XX <br>
						售价：XX
						</div>
					</td>
				</tr>
				<tr>
					<td width="20%" align="center">
						<div>
						<img src="./images/007.png"><br>
						书名：XX <br>
						售价：XX
						</div>
					</td>
					<td width="20%" align="center">
						<div>
						<img src="./images/008.png"><br>
						书名：XX <br>
						售价：XX
						</div>
					</td>
					<td width="20%" align="center">
						<div>
						<img src="./images/008.png"><br>
						书名：XX <br>
						售价：XX
						</div>
					</td>
					<td width="20%" align="center">
						<div>
						<img src="./images/010.png"><br>
						书名：XX <br>
						售价：XX
						</div>
					</td>
					<td width="20%" align="center">
						<div>
						<img src="./images/011.png"><br>
						书名：XX <br>
						售价：XX
						</div>
					</td>
				</tr>
			</table>
			<img src="./images/012.png" width="1520px">
		</div>
	</body>
</html>