构建购物网站首页：基于表格的方法-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_43819419/article/details/101572218

这篇博客探讨了如何仅使用HTML表格来构建一个购物网站的首页，详细介绍了这一简洁而有效的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

购物网站的首页

仅利用table

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--
        	1.创建一个8行1列的表格
        	2.第一部分 logo部分 嵌套一个1行3列的表格
        	3.第二部分 导航栏部分 放置五个超链接
        	4.第三部分 轮播图
        	5.第四部分 嵌套一个3行7列的表格
        	6.第五部分 直接放一张照片
        	7.第六部分 抄第四部分
        	8.第七部分 放置一张图片
        	9.第八部分 放置一个超链接
        	
        -->
        <table width="100%">
        	<!--第一部分 logo部分 嵌套一个1行3列的表格-->
        	<tr>
        		<td>
        			<table width="100% ">
        				<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 bgcolor="black">
        		<td height="50px">
        			<a href="a"><font color="white">首页</font></a>
        			<a href="a"><font color="white">手机数码</font></a>
        			<a href="a"><font color="white">鞋靴箱包</font></a>
        			<a href="a"><font color="white">电脑办公</font></a>
        			<a href="a"><font color="white">香烟