电商网页设计是一个非常重要的任务，它需要用到众多的HTML代码来构建。下面我们将以一个手机商城的网站为例，来介绍一些常用的HTML代码。
首先，我们需要定义一些基本的结构，包括网站的头部、导航栏、主体内容和底部。可以使用以下代码来实现：
```、和
<html> <head> <title>手机商城</title> </head> <body> <header> <nav> <ul> <li><a href="#">首页</a></li> <li><a href="#">新品发布</a></li> <li><a href="#">特价优惠</a></li> <li><a href="#">联系我们</a></li> </ul> </nav> </header> <main> <h1>最新手机推荐</h1> <section> <article> <img src="iphone.jpg" alt="iPhone 12"> <h2>iPhone 12</h2> <p>价格：6999元</p> <a href="#">购买</a> </article> <article> <img src="xiaomi.jpg" alt="小米10"> <h2>小米10</h2> <p>价格：3999元</p> <a href="#">购买</a> </article> <article> <img src="samsung.jpg" alt="三星Galaxy S21"> <h2>三星Galaxy S21</h2> <p>价格：7999元</p> <a href="#">购买</a> </article> </section> </main> <footer> <p>版权所有 © 2021 手机商城</p> </footer> </body> </html>``` 以上代码中，我们使用了HTML5的新标签，比如