電商網頁設計是一個非常重要的任務,它需要用到眾多的HTML代碼來構建。下面我們將以一個手機商城的網站為例,來介紹一些常用的HTML代碼。
首先,我們需要定義一些基本的結構,包括網站的頭部、導航欄、主體內容和底部??梢允褂靡韵麓a來實現:
```、和
<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的新標簽,比如