html实现简易商城网页设计

最新推荐文章于 2024-05-24 13:24:31 发布

易燃易爆炸i

最新推荐文章于 2024-05-24 13:24:31 发布

阅读量1.3w

点赞数 16

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

本文链接：https://blog.csdn.net/weixin_43852903/article/details/89228617

版权

本文介绍了使用HTML的table标签来设计简易商城网页，但提到table标签在布局适应性上的局限性，指出在实际开发中更倾向于使用块级元素。作者预告在后续学习中将深入探讨相关话题。

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

该方式是通过table表格标签来实现，但该标签的弊端：一旦表格高度变化，整个表格布局出问题了！！

在以后的开发过程中，更多的会用到块标签。

将在后续的学习中涉及到。

直接上代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<!--
        	作者：offline
        	时间：2019-04-11
        	描述：最外层需要一个8行1列的表格
        	第一部分：loge部分
        	  1行3列的表格
        	第二部分：导航栏部分
        	   一堆超链接加背景色
        	第三部分：轮播图
        	第四部分：最新商品
        	    3行7列的表格
        	第五部分：广告部分
        	第六部分：热门商品 同第四部分
        	第七部分：底部页脚部分
        	第八部分：一堆超链接
        -->
		<table width="100%">
			<!--
            	作者：offline
            	时间：2019-04-11
            	描述：第一部分
            -->
			<tr>
				<td>
					<table width="100%">
						<tr>
							<td>
								<img src="C:\Users\Lenovo\Desktop\img\logo2.png" />
							</td>
							<td>
								<img src="C:\Users\Lenovo\Desktop\img\header.png" />
							</td>
							<td>
								<a href="#">登录</a>
								<a href="#">注册</a>
								<a href="#">购物车</a>
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<!--第二部分-->
			<tr bgcolor="black">
				<td height="50px">
					<a href="#"><font color="white">首页</font></a>
					<a href="#"><font color="white">电脑办公</font></a>
					<a href="#"><font color="white">鞋靴箱包</font></a>
					<a href="#"><font color="white">手机数码</font></a>
					<a href="#"><font color=&

最低0.47元/天解锁文章

易燃易爆炸i

关注

16
点赞
踩
138

收藏

觉得还不错? 一键收藏
7
评论
html实现简易商城网页设计

该方式是通过table表格标签来实现，但该标签的弊端：一旦表格高度变化，整个表格布局出问题了！！在以后的开发过程中，更多的会用到块标签。将在后续的学习中涉及到。直接上代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></titl...
复制链接

扫一扫