HTML5是一種非常流行的網(wǎng)頁開發(fā)語言,特別適合開發(fā)各種商品頁面。下面是一個(gè)HTML5商品頁面的示例代碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>商品頁面</title> <style> .product-img { width: 200px; height: 200px; } .product-name { font-size: 24px; } .product-desc { font-size: 16px; color: #666; } .product-price { font-size: 28px; color: #f33; } </style> </head> <body> <div class="product"> <img src="product.jpg" alt="商品圖片" class="product-img"> <p class="product-name">商品名稱</p> <p class="product-desc">這是一款非常優(yōu)秀的商品,具有高性價(jià)比和出色的質(zhì)量。</p> <p class="product-price">¥999.00</p> </div> </body> </html>以上代碼實(shí)現(xiàn)了一個(gè)簡單的商品頁面,包含商品圖片、名稱、描述和價(jià)格。其中,CSS代碼定義了商品圖片和各個(gè)文字信息的樣式。HTML代碼使用了div和p標(biāo)簽來建立頁面結(jié)構(gòu),以及img標(biāo)簽來加載商品圖片。該頁面可以根據(jù)具體商品名稱、描述、價(jià)格和圖片來自行修改、替換,用于展示各種商品的信息。