HTML小米商城首頁(yè)代碼
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>小米商城首頁(yè)</title> </head> <body> <header> <nav> <ul> <li><a href="#">首頁(yè)</a></li> <li><a href="#">小米手機(jī)</a></li> <li><a href="#">Redmi</a></li> <li><a href="#">電視</a></li> <li><a href="#">筆記本</a></li> <li><a href="#">智能硬件</a></li> </ul> </nav> </header> <main> <div class="banner"> <img src="images/banner.jpg" alt="小米10 Pro"> </div> <div class="products"> <ul> <li> <a href="#"> <img src="images/product1.jpg" alt="小米10 Pro"> <p class="product-name">小米10 Pro</p> <p class="product-price">4999 元起</p> </a> </li> <li> <a href="#"> <img src="images/product2.jpg" alt="Redmi K30"> <p class="product-name">Redmi K30</p> <p class="product-price">1399 元起</p> </a> </li> <li> <a href="#"> <img src="images/product3.jpg" alt="小米電視4A"> <p class="product-name">小米電視4A</p> <p class="product-price">1599 元起</p> </a> </li> <li> <a href="#"> <img src="images/product4.jpg" alt="小米筆記本Air"> <p class="product-name">小米筆記本Air</p> <p class="product-price">4399 元起</p> </a> </li> <li> <a href="#"> <img src="images/product5.jpg" alt="小米盒子"> <p class="product-name">小米盒子</p> <p class="product-price">299 元</p> </a> </li> <li> <a href="#"> <img src="images/product6.jpg" alt="小米體重秤2"> <p class="product-name">小米體重秤2</p> <p class="product-price">99 元</p> </a> </li> </ul> </div> </main> <footer> <p>版權(quán)所有 ? 小米科技 </p> </footer> </body> </html>