本文主要是介绍HTML静态网页成品作业(HTML+CSS)——1号店商城首页网页(1个页面)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
🎉
不定期分享源码，关注不丢失哦
文章目录
- 一、作品介绍
- 二、作品演示
- 三、代码目录
- 四、网站代码
- HTML部分代码
- 五、源码获取
一、作品介绍
🏷️本套采用HTML+CSS，未使用Javacsript代码，共有1个页面。
二、作品演示
三、代码目录
四、网站代码
HTML部分代码
<header id="sm"><section><div class="cl"><div class="fl"><p>发送至：四川</p></div><div class="fr"><p>你好！请登录<a href="zc.html" id="can">免费注册</a></p><p class="line">|</p><p><a href="#">我的订单</a></p><p class="line">|</p><p><a href="#">收藏夹</a><img src="image/t_arrow.gif"></p><p><a href="#">客服服务<img src="image/t_arrow.gif"></a></p><p><a href="#">网站导航<img src="image/t_arrow.gif"></a></p><p class="line">|</p><p><a href="#">关注我们：<img src="image/sh1.png"></a> <a href="#"><img src="image/sh2.png"></a></p><p class="line">|</p><p><a href="#">手机版:<img src="image/s_tel.png"></a></p></div></div></section><nav><div class="cl"><div class="fl"><a href="sy.html"><img src="image/loginlogo.jpg"></a></div><div class="fl "><div id="sear" class="cl"><p class="fl"><input type="text" value="请输入关键字" class="ss" pattern="\w" requird /></p><a href="#" class="fl"><p class="ban">搜索</p></a></div><p class="dan"><a href="">咖啡</a><a href="">iphone6s</a><a href="">新鲜美食</a><a href="">蛋糕</a><a href="">蛋糕</a><a href="">连衣裙</a></p></div><div class="fl"><p id="cart"><a href="#">购物车</a></p></div></div></nav><footer><ul class="cl"><li>全部商品分类</li><li class="on"><a href="sy.html">首页</a></li><li class="on"><a href="zycs.html">自营超市</a></li><li><a href="zycs.html">1号团</a></li><li><a href="zycs.html">1号超市</a></li><li><a href="zycs.html">女装</a></li><li><a href="zycs.html">美妆</a></li><li><a href="zycs.html">1号海购</a></li><li><a href="zycs.html">团购</a></li><li><a href="zycs.html">手机下单惊喜多！</a></li></ul></footer></header>五、源码获取
🥇 ~ 关注我，点赞博文~ 每天带你涨知识!
🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧，你的「点赞，好评，收藏」是我创作的动力。
💙2.想要获取本文源码，点击前往吧
这篇关于HTML静态网页成品作业(HTML+CSS)——1号店商城首页网页(1个页面)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
