HTML实战案例3：制作易趣网商品列表页面
生活随笔
收集整理的這篇文章主要介紹了
HTML实战案例3：制作易趣网商品列表页面
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
實戰案例3：制作易趣網商品列表頁面
一、完整的頁面效果圖
二、代碼展示
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>易趣網 商品列表</title> </head><body> <p><img src="images/header.jpg" /></p> <p>首頁 > 中國館 > 女裝/女士精品 > 所有商品</p> <p><img src="images/list_header.jpg" /></p> <h2>熱點推薦</h2> <dl><dt><img src="images/photo_01.jpg" /></dt><dd>一口價：49.00<br />全國包郵！韓版修身長袖T恤 打底衫 純棉圓領T恤</dd> </dl> <p><img src="images/line.gif" /></p> <dl><dt><img src="images/photo_02.jpg" /></dt><dd>一口價：35.00<br />2011新款T恤短袖 t恤女短袖 影子熊貓</dd> </dl> <p><img src="images/line.gif" /></p> <dl><dt><img src="images/photo_03.jpg" /></dt><dd>一口價：48.00<br />釘珠蝴蝶結秋冬背心呢料裙911 -4366</dd> </dl> <p><img src="images/line.gif" /></p> <dl><dt><img src="images/photo_04.jpg" /></dt><dd>一口價：88.00<br />2011 春裝 新款 女裝 假兩件拼接修身包臀裙 洋裝 長袖連衣裙</dd> </dl> <p><img src="images/line.gif" /></p> <dl><dt><img src="images/photo_05.jpg" /></dt><dd>一口價：169.00<br />賣家推薦 2011春裝新款 時尚韓版 假兩件式 百褶 連衣裙 0210806 熱銷款</dd> </dl> <p><img src="images/line.gif" /></p> <dl><dt><img src="images/photo_06.jpg" /></dt><dd>一口價：98.00<br />波西米亞 民族風格 扎染珠片 多穿裙 沙灘</dd> </dl> <p><img src="images/line.gif" /></p> <p>Copyright © xxxx 易趣版權所有</p> </body> </html>注：其中全部圖片存放在文件夾images下
總結
以上是生活随笔為你收集整理的HTML实战案例3：制作易趣网商品列表页面的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 【CTF】-crypto练习日志8.13
- 下一篇： 购买什么样的天猫网店转让更有优势