店铺网页HTML代码
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>我的店铺</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <h1>我的店铺</h1> <nav> <ul> <li><a href="#about">关于我们</a></li> <li><a href="#product">产品展示</a></li> <li><a href="#contact">联系我们</a></li> </ul> </nav> </header> <main> <section id="about"> <h2>关于我们</h2> <p>我们是一家致力于提供优质商品和服务的电商公司。</p> <p>经过多年的发展，我们已经拥有了一支优秀的团队和一个完善的供应链。</p> </section> <section id="product"> <h2>产品展示</h2> <ul> <li> <img src="product1.jpg" alt="产品1"> <p>产品1</p> </li> <li> <img src="product2.jpg" alt="产品2"> <p>产品2</p> </li> <li> <img src="product3.jpg" alt="产品3"> <p>产品3</p> </li> </ul> </section> <section id="contact"> <h2>联系我们</h2> <form> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br> <label for="email">邮箱:</label> <input type="email" id="email" name="email"><br> <label for="message">留言:</label> <textarea id="message" name="message"></textarea><br> <input type="submit" value="提交"> </form> </section> </main> <footer> <p>版权所有 © 2021 我的店铺</p> </footer> </body> </html>