网页的首页布局

最新推荐文章于 2024-04-11 22:02:08 发布

范玖九

最新推荐文章于 2024-04-11 22:02:08 发布

阅读量1.9k

点赞数 1

分类专栏： web前端

本文链接：https://blog.csdn.net/xmfjmcwf/article/details/90765577

版权

摘要由CSDN通过智能技术生成

外层table：8行1列的
第一部分：logo部分
嵌套一行3列的表格S
第二部分：导航栏部分（菜单部分）
一堆超链接
第三部分：轮播图部分:引入图片
第四部分：
最新商品：嵌套3行7列的表格
第五部分：导入一个广告图片
第六部分：热门商品同第四部分
第七部分：导入一个图片
第八部分：一对超链接+版权所有声明

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>网页首页布局</title>
	</head>
	<body>
		<table border="1px">
			<!--第一行-->
			<tr>
				<td>
					<table>
						<tr>
							<td><img src="img/logo2.png" /></td>
							<td><img src="img/header.jpg" /></td>
							<td><a href="#">登陆</a>
								<a href="#">注册</a>
								<a href="#">购物车</a>
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<!--第二行-->
			<tr height="50px">
				<td bgcolor="black">
					<a><font color="white">首页</font></a>
					<a><font color="white">手机数码</font></a>
					<a><font color="white">电脑办公</font></a>
					<a><font color="white">电脑办公</font></a>
					<a><font color="white">电脑办公</font></a>
				</td>
			</tr>
			<!--第三行-->
			<tr>
				<td>
					<img src="img/1.jpg" />
				</td>
			</tr>
			<!--第四行-->
			<tr>
				<table>
					<tr>
						<td colspan="7" height="50">最新商品<img src="img/title2.jpg"</td>