HTML5網站購物車的代碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>購物車示例</title> </head> <body> <header> <h1>購物車</h1> </header> <main> <section> <h2>商品列表</h2> <ul> <li>商品1 <span>￥100</span> <a href="#">加入購物車</a></li> <li>商品2 <span>￥50</span> <a href="#">加入購物車</a></li> <li>商品3 <span>￥200</span> <a href="#">加入購物車</a></li> </ul> </section> <section> <h2>購物車內容</h2> <table> <thead> <tr> <th>商品名稱</th> <th>價格</th> <th>數量</th> <th>小計</th> </tr> </thead> <tbody> <tr> <td>商品1</td> <td>￥100</td> <td>2</td> <td>￥200</td> </tr> </tbody> </table> </section> <section> <p>總計：￥200</p> <a href="#">清空購物車</a> <a href="#">結算</a> </section> </main> <footer> <p>版權信息 ? 2021 MyShop</p> </footer> </body> </html>
下一篇less跟css