用HTML做个店铺页尾
时间: 2023-09-02 16:07:44 浏览: 69
一个店铺页尾通常包含以下内容:
1. 公司/店铺名称和地址
2. 联系方式,例如手机号码、座机号码、邮箱等
3. 快速导航链接,例如“关于我们”、“联系我们”、“商品分类”等
4. 版权信息和法律声明
以下是一个简单的店铺页尾的HTML代码:
```
<footer>
<div class="footer-info">
<h3>公司名称</h3>
<p>地址:XX省XX市XX区XX路XX号</p>
<p>电话:XXX-XXXX-XXXX</p>
<p>邮箱:info@example.com</p>
</div>
<div class="footer-nav">
<h3>快速导航</h3>
<ul>
<li><a href="#">关于我们</a></li>
<li><a href="#">联系我们</a></li>
<li><a href="#">商品分类</a></li>
</ul>
</div>
<div class="footer-copyright">
<p>© 2021 公司名称. 版权所有</p>
<p>备案号:XXXXXXXXXXXXXXXXX</p>
</div>
</footer>
```
这个例子中,页尾被包裹在`<footer>`标签中。页尾被分为三个部分:公司信息、快速导航、版权信息。公司信息和版权信息使用`<div>`标签包裹,而快速导航使用`<ul>`和`<li>`标签来呈现链接列表。
你可以根据你的需求和设计风格来修改这个例子,并添加其他内容。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)