1. 程式人生 > >HTML5基礎 第一章

HTML5基礎 第一章

第一題:製作聚美優品常見問題頁面。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>聚美優品常問題頁面</title>
</head>
<body>

    <img src="../picture/faq01.jpg"alt="標題"title="標題" width="960" height="100"/>
<p>
    <h1>
        <img src=
"../picture/faq03.jpg"alt="loge"title="loge" width="60" height="60"/>客服溫馨提示 </h1> </p> <p> 為了減少您可能的等待時間,您不妨先仔細閱讀下面的常見問題。 查詢物流狀態,退貨,退餘額等操作均可以登入聚<br>美優品網站後自助進行,無需聯絡客服。如果仍無法解決。請您在本頁頁底聯絡線上客服,或撥打聚美客服電話。小美<br>謝謝您的理解! </p> <hr width="60%" align="left"/> <strong
>美訂單什麼時候發貨?大概多長時間可以收到貨?</strong> <p> 正常情況下您的訂單將在6小時內發出(最晚不超過1個工作日)。8月1日的訂單,將在3日內全部發出。發貨之後,您<br>可以在我的訂單中可以檢視發貨狀態。由於快遞公司可能無法實時更新資訊,因此您看到的發貨情況可能有一定延遲。 </p> <strong>為什麼後下的訂單,先收到了,之前下的訂單還沒有收到?你們是按什麼順序發貨的?</strong> <p> 為了單位時間內以最快速度處理儘量多訂單,聚美會適當綜合按訂單裡貨品配貨的情況安排發貨順序,因此可能會出現<
br>訂單發貨和下單順序不完全一致的情況。我們會盡一切努力為您儘快發貨。 </p> <strong>訂單顯示發貨了,但快遞資訊為什麼還沒有更新?</strong> <p> 您在聚美訂單頁面看到的物流查詢資訊由快遞公司傳遞提供。由於快遞公司資訊更新會有一定延遲,請您多多諒解。(<br>延遲時間可能從1天到3天不等,EMS快遞的物流配送資訊可能最多可能有1周左右延遲) </p> <strong>名品折扣產品顯示發貨了,但是為什麼沒有快遞資訊?為什麼有時聯絡快遞,快遞稱沒有這個訂單?</strong> <p> 由於名品折扣產品由品牌商負責發貨,品牌商選擇的部分快遞公司不能及時提供快遞物流資訊,請您耐心等候。除非地<br>域偏遠,最晚七日內您應該可以收到貨品。 </p> <strong>名品折扣產品收到後,發現漏發了或者錯發,應該怎麼辦?</strong> <p> 請您先準備好漏發,錯發的相關圖片(拍攝圖片),再通過線上客服核實,我們需要和品牌商方面進行確認,待客服確認<br>後會進行補發或退款。 </p> <strong>如果使用了現金券或紅包的訂單想退貨,怎麼辦?</strong> <p> 對沒有付款的訂單或者貨到付款訂單,您可以選擇取消訂單再重新下單。如果訂單已經付款(或貨到付款訂單已被系統確認<br>),請您自助登陸聚美優品網站提交退貨申請,待聚美工作人員審批通過後訂單就會進入退貨狀態,同時訂單對應紅包會變<br>為“未使用”狀態。此時您可以選擇在我的訂單頁面將紅包訂單進行退款退貨。 </p> </body> </html>

第二題:製作聚美優品幫助中心選單列表頁面。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>聚美優品選單列表</title>
</head>
<body>
<h1>幫助中心</h1>
<p>
    <a href="#">使用幫助</a>
</p>
<hr width="10%" align="left"/>
<p>
    <a href="#">賬戶相關</a>
</p>
<hr width="10%" align="left"/>
<p>
    <a href="#">支付相關</a>
</p>
<hr width="10%" align="left"/>
<p>
    <a href="#">配送相關</a>
</p>
<hr width="10%" align="left"/>
<p>
    <a href="#">售後服務</a>
</p>
<hr width="10%" align="left"/>
<p>
    <a href="#">聚美手機版</a>
<hr width="10%" align="left"/>
</p>
</body>
</html>

第三題:製作滾筒洗衣機銷售排行榜。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>滾筒洗衣機排行榜</title>
</head>
<body>
<h1>滾筒洗衣機銷售排行榜</h1>
<img src="../picture/wish01.jpg"alt="格蘭仕"title="格蘭仕"width="60"height="60">格蘭仕XQG60-A708 ¥1099.00
<hr width="30%" align="left"/>
<img src="../picture/wish02.jpg"alt="LG"title="LG"width="60"height="60">LG WD-N12430D ¥2599.00
<hr width="30%" align="left"/>
<img src="../picture/wish03.jpg"alt="三洋"title="三洋"width="60"height="60">三洋XQG60-F1029 ¥1998.00
<hr width="30%" align="left"/>
<img src="../picture/wish03.jpg"alt="三星"title="三星"width="60"height="60">三星WF1702NCW/XSC ¥2499.00
<hr width="30%" align="left"/>
<img src="../picture/wish03.jpg"alt="西門子"title="西門子"width="60"height="60">西門子XQG60-WS10K2670W ¥3999.00
<hr width="30%" align="left"/>
</body>
</html>