當我們需要在網站上展示商品時,通常會使用HTML來實現商品列表的展示。下面是一段HTML代碼可以展示一個基本的商品列表:
<ul> <li> <div> <img src="product1.jpg" alt="Product 1"> </div> <div> <h3>Product 1 Name</h3> <p>Price: $19.99</p> <p>Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <a href="#">Add to Cart</a> </div> </li> <li> <div> <img src="product2.jpg" alt="Product 2"> </div> <div> <h3>Product 2 Name</h3> <p>Price: $29.99</p> <p>Description: Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <a href="#">Add to Cart</a> </div> </li> </ul>
以上代碼展示了兩個商品的列表。使用HTML元素包含商品圖片、名稱、價格和描述信息。商品名稱和價格使用了h3和p標簽來標記,使其具有語義化,更有利于搜索引擎的抓取和SEO。每個商品都有一個“Add to Cart”按鈕,用戶可以點擊它將商品添加到購物車中。
下一篇mysql儲存過程優勢