1. 程式人生 > >HTML第一章

HTML第一章

1.請寫出網頁的基本標籤、作用和語法。

網頁的基本標籤包括包括標題標籤,段落標籤,段落標籤,換行標籤,水平線標籤等。
標題標籤表示一段文字的標題或主題,並且支援多層次的內容結構,HTML提供了六級標題

~

,並賦予了標題一定的外觀,所有標題字型加粗,

最大,

最小。
段落標籤

表示一段文字等內容,換行標籤
表示強制換行顯示,該標籤比較特殊,沒有結束標籤,直接使用
表示標籤的開始和結束。
水平線標籤


表示一條水平線,注意該標籤與
標籤一樣,比較特殊,沒有結束標籤,水平線標籤可以讓版面更加清晰直觀。

2.超連結有哪些型別?它們的區別是什麼?
按照連線一般分為以下3種類型:內部連結,錨點連結和外部連結。
  1、超連結物件
  超連結是超級連結的簡稱。如果按照使用物件的不同,網頁中的連結又可以分為:文字超連結,影象超連結,E-mail連結,錨點連結,多媒體檔案連結,空連結等。
  超連結是一種物件,它以特殊編碼的文字或圖形的形式來實現連結,如果單擊該連結,則相當於指示瀏覽器移至同一網頁內的某個位置,或開啟一個新的網頁,或開啟某一個新的WWW網站中的網頁。
  2、網頁超連結
  網頁上的超連結一般分為三種:一種是絕對URL的超連結。URL(Uniform Resource Locator)就是統一資源定位符,簡單地講就是網路上的一個站點、網頁的完整路徑。
  第二種是相對URL的超連結。如將網頁上的某一段文字或某標題連結到同一網站的其他網頁上面去;
  還有一種稱為同一網頁的超連結,這種超連結又叫做書籤。
  3、動態靜態
  超連結還可以分為動態超連結和靜態超連結。動態超連結指的是可以通過改變HTML程式碼來實現動態變化的超連結,例如可以實現將滑鼠移動到某個文字連結上,文字就會象動畫一樣動起來或改變顏色的效果,也可以實現滑鼠移到圖片上圖片就產生反色或朦朧等等的效果,而靜態超連結,顧名思義,就是沒有動態效果的超連結。
  
3.製作聚美優品常見問題頁面,頁面標題和問題使用標題標籤完成,問題答案使用段落標籤完成,客服溫馨提示部分與問題列表之間使用水平線分隔。
`

聚美優品常見問題介面

客服溫馨提示

為了減少您可能的等待時間,您不妨先仔細閱讀下面的常見問題。 查詢物流狀態,退貨,退餘額等
操作均可以登入聚美優品網站後自助進行,無需聯絡客服。如果仍無法解決。請您在本頁頁底聯絡在 線客服,或撥打聚美客服電話。小美謝謝您的理解!


美訂單什麼時候發貨?大概多長時間可以收到貨?

正常情況下您的訂單將在6小時內發出(最晚不超過1個工作日)。8月1日的訂單,將在3日內全部發
出。發貨之後,您可以在我的訂單中可以檢視發貨狀態。由於快遞公司可能無法實時更新資訊,因此
您看到的發貨情況可能有一定延遲。

為什麼後下的訂單,先收到了,之前下的訂單還沒有收到?你們是按什麼順序發
貨的?

為了單位時間內以最快速度處理儘量多訂單,聚美會適當綜合按訂單裡貨品配貨的情況安排發貨順
序,因此可能會出現訂單發貨和下單順序不完全一致的情況。我們會盡一切努力為您儘快發貨。

訂單顯示發貨了,但快遞資訊為什麼還沒有更新?

您在聚美訂單頁面看到的物流查詢資訊由快遞公司傳遞提供。由於快遞公司資訊更新會有一定延遲,
請您多多諒解。(延遲時間可能從1天到3天不等,EMS快遞的物流配送資訊可能最多可能有1周左右延
遲)

名品折扣產品顯示發貨了,但是為什麼沒有快遞資訊?為什麼有時聯絡快遞,快遞稱沒有這個訂單?

由於名品折扣產品由品牌商負責發貨,品牌商選擇的部分快遞公司不能及時提供快遞物流資訊,請您
耐心等候。除非地域偏遠,最晚七日內您應該可以收到貨品。

名品折扣產品收到後,發現漏發了或者錯發,應該怎麼辦?

請您先準備好漏發,錯發的相關圖片(拍攝圖片),再通過線上客服核實,我們需要和品牌商方面進
行確認,待客服確認後會進行補發或退款。

如果使用了現金券或紅包的訂單想退貨,怎麼辦?

對沒有付款的訂單或者貨到付款訂單,您可以選擇取消訂單再重新下單。如果訂單已經付款(或貨到
付款訂單已被系統確認),請您自助登陸聚美優品網站提交退貨申請,待聚美工作人員審批通過後訂
單就會進入退貨狀態,同時訂單對應紅包會變為“未使用”狀態。此時您可以選擇在我的訂單頁面將
紅包訂單進行退款退貨。

` 4.製作聚美優品幫助中心選單列表介面,選單超連結均設定為空連結,選單中間使用水平線分隔,提示:每行選單項之間不能用
元素換行,根據塊元素和行內元素的特性來選擇使用的標籤。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
  <title>聚美優品選單列表</title>
</head>
<body>
<h2>
  幫助中心
</h2>
<p>
  <a href="DOMO2.html"target="_blank">使用幫助</a>
</p>
<p>
  <a href="DOMO2.html"target="_blank">賬戶相關</a>
</p>
<p>
  <a href="DOMO2.html"target="_blank">支付相關</a>
</p>
<p>
  <a href="DOMO2.html"target="_blank">配送相關</a>
</p>
<p>
  <a href="DOMO2.html"target="_blank">售後服務</a>
</p>
<p>
  <a href="DOMO2.html"target="_blank">聚美手機版</a>
</p>
</body>
</html>

5.製作滾筒洗衣機銷售排行榜,左側為圖片,右側為圖片說明和價格,商品之間使用水平線分隔,提示:每行商品之間不能用
元素換行,根據塊元素和行內元素的特性來選擇使用的標籤。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>滾筒洗衣機排行榜</title>
</head>
<body>
<h2>
  滾筒洗衣機銷售排行榜
</h2>
<img src="wish01.jpg"/>格蘭士格蘭仕XQG60-A708 ¥1099.00
<hr/>
<p>
  <img src="wish02.jpg"/>LGLG WD-N12430D ¥2599.00
</p>
<hr/>
<p>
  <img src="wish03.jpg"/>三洋三洋XQG60-F1029 ¥1998.00
</p>
<hr/>
<p>
  <img src="wish04.jpg"/>三星三星WF1702NCW/XSC ¥2499.00
</p>
<hr/>
<p>
  <img src="wish05.jpg"/>西門子西門子XQG60-WS10K2670W ¥3999.00
</p>
<hr/>
</body>
</html>