作業一學期三書一章
阿新 • • 發佈:2019-01-01
1.請寫出網頁的基本標籤、作用和語法。
Basic tags 基 本 標 籤 <html></html> Creates an HTML document 創 建 一 個HTML 文 檔 <head></head> Sets off the title and other information that isn't displayed on the Web page itself 設 置 文 檔 標 題 以 及 其 他 不 在WEB 網 頁 上 顯 示 的 信 息 <body></body> Sets off the visible portion of the document 設 置 文 檔 的 可 見 部 分 Header tags 標 題 標 籤 <title></title> Puts the name of the document in the title bar 將 文 檔 的 題 目 放 在 標 題 欄 中 Body attributes 文 檔 整 體 屬 性 <body bgcolor=?> Sets the background color, using name or hex value 設 置 背 景 顏 色, 使 用 名 字 或 十 六 進 制 值 <body text=?> Sets the text color, using name or hex value 設 置 文 本 文 字 顏 色, 使 用 名 字 或 十 六 進 制 值 <body link=?> Sets the color of links, using name or hex value 設 置 鏈 接 顏 色, 使 用 名 字 或 十 六 進 制 值 <body vlink=?> Sets the color of followed links, using name or hex value 設 置 已 使 用 的 鏈 接 的 顏 色, 使 用 名 字 或 十 六 進 制 值 <body alink=?> Sets the color of links on click 設 置 正 在 被 擊 中 的 鏈 接 的 顏 色, 使 用 名 字 或 十 六 進 制 值 Text tags 文 本 標 籤 <pre></pre> Creates preformatted text 創 建 預 格 式 化 文 本 <h1></h1> Creates the largest headline 創 建 最 大 的 標 題 <h6></h6> Creates the smallest headline 創 建 最 小 的 標 題 <b></b> Creates bold text 創 建 黑 體 字 <i></i> Creates italic text 創 建 斜 體 字 <tt></tt> Creates teletype, or typewriter-style text 創 建 打 字 機 風 格 的 字 體 <cite></cite> Creates a citation, usually italic 創 建 一 個 引 用, 通 常 是 斜 體 <em></em> Emphasizes a word (with italic or bold) 加 重 一 個 單 詞( 通 常 是 斜 體 加 黑 體) <strong></strong> Emphasizes a word (with italic or bold) 加 重 一 個 單 詞( 通 常 是 斜 體 加 黑 體) <font size=?></font> Sets size of font, from 1 to 7 設 置 字 體 大 小, 從 1 到 7 <font color=?></font> Sets font color, using name or hex value 設 置 字 體 的 顏 色, 使 用 名 字 或 十 六 進 制 值
2.超連結有哪些型別?它們的區別是什麼?
按照連線一般分為以下3種類型:內部連結,錨點連結和外部連結。 1、超連結物件 超連結是超級連結的簡稱。如果按照使用物件的不同,網頁中的連結又可以分為:文字超連結,影象超連結,E-mail連結,錨點連結,多媒體檔案連結,空連結等。 超連結是一種物件,它以特殊編碼的文字或圖形的形式來實現連結,如果單擊該連結,則相當於指示瀏覽器移至同一網頁內的某個位置,或開啟一個新的網頁,或開啟某一個新的WWW網站中的網頁。 2、網頁超連結 網頁上的超連結一般分為三種:一種是絕對URL的超連結。URL(Uniform Resource Locator)就是統一資源定位符,簡單地講就是網路上的一個站點、網頁的完整路徑。 第二種是相對URL的超連結。如將網頁上的某一段文字或某標題連結到同一網站的其他網頁上面去; 還有一種稱為同一網頁的超連結,這種超連結又叫做書籤。 3、動態靜態 超連結還可以分為動態超連結和靜態超連結。動態超連結指的是可以通過改變HTML程式碼來實現動態變化的超連結,例如可以實現將滑鼠移動到某個文字連結上,文字就會象動畫一樣動起來或改變顏色的效果,也可以實現滑鼠移到圖片上圖片就產生反色或朦朧等等的效果,而靜態超連結,顧名思義,就是沒有動態效果的超連結。
3.製作聚美優品常見問題頁面,頁面標題和問題和使用標題標籤完成,問題答案使用段落標籤簽完成,客服溫馨提示部分與問題列表之間使用水平線分隔。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>聚美優品常見問題頁面</title> </head> <body> <h1> <img src="faq01.jpg"/><br/> <hr> <img src="faq03.jpg"/>客服溫馨提示 </h1> <p> 為了減少您可能的等待時間,您不妨先仔細閱讀下面的常見問題。查詢物流狀態,退貨,退餘額等操作均可以登入聚<br> 美優品網站後自助進行,無需聯絡客服。如果仍無法解決。請您在本頁頁底聯絡線上客服,或撥打聚美客服電話。小美<br> 謝謝您的理解! <hr/> </p> <h3> 聚美訂單什麼時候發貨?大概多長時間可以收到貨? </h3> <p> 正常情況下您的訂單將在6小時後內發出(最晚不超過一個工作日)。8月1日的訂單,將在3日內全部發出。發貨之後,您<br/> 可以在我的訂單中可以檢視發貨狀態。由於快遞公司可能無法實時更新資訊,因此您看到的發貨情況可能一定會延遲。<br/> </p> <h3> 為什麼後下的訂單,先收到了,之前下的訂單還沒收到?你們是按什麼順序發貨的? </h3> <p> 為了單位時間內以最快速度處理儘量多訂單,聚美會適當綜合按訂單裡貨品配貨的情況安排發貨,因此可能會出現<br/> 訂單發貨和下單順序不完全一致的情況。我們會盡一切努力為你儘快發貨。<br/> </p> <h3> 訂單發貨了,但快遞資訊為什麼還沒更新? </h3> </body> </html>
4.製作聚美優品幫助中心選單列表頁面,選單超連結均設定為空連結,選單中間使用水平線分隔。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>聚美優品選單列表</title>
</head>
<body>
<h1>
幫助中心
</h1>
<h4>
<a href="#"target=" "> 使用幫助</a>
</h4>
<hr>
<h4>
<a href="#"target=" "> 賬戶相關</a>
</h4>
<hr>
<h4>
<a href="#"target=" "> 支付相關</a>
</h4>
<hr>
<h4>
<a href="#"target=" "> 配送相關</a>
</h4>
<hr>
<h4><a href="#"target=" "> 售後服務</a>
</h4>
<hr>
<h4><a href="#"target=" "> 聚美手機版</a>
</h4>
<hr>
</body>
</html>
5.製作滾筒洗衣機銷售排行榜,左側為圖片,右側為圖片說明和價格,商品之間用水平線分隔。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>滾筒洗衣機銷售排行榜</title>
</head>
<body>
<h1>滾筒洗衣機銷售排行榜</h1>
<h4>
<img src="wish01.jpg"/>格蘭仕XQG660-A708 ¥1099.00
</h4>
<hr>
<h4>
<img src="wish02.jpg"/>LG WD-N12430D ¥2599.00
</h4>
<hr>
<h4>
<img src="wish03.jpg"/>三洋XQG60-F1029 ¥1998.00
</h4>
<hr>
<h4>
<img src="wish04.jpg"/>三星WF1702NCW/XSC ¥2499.00
</h4>
<hr>
<h4>
<img src="wish05.jpg"/>西門子XQG60-WS10K2670W ¥3999.00
</h4>
<hr>
</body>
</html>