九年級 信息技術 第三冊第二章《第5節(jié) 建立網(wǎng)頁超鏈接》課件

九年級—廣州版—信息技術—第三冊第二章

第5節(jié)建立網(wǎng)頁超鏈接情

境

前幾節(jié)課，我們已經(jīng)完成了多張“廣州騎樓”的網(wǎng)頁，現(xiàn)在我們要翻閱和查找這些網(wǎng)頁的內容，如果用一張一張地打開網(wǎng)頁的方法，無疑是很低效率的。那有什么辦法能解決這個問題呢？理解超鏈接的概念，了解超鏈接的種類0102學會建立內部鏈接、外部鏈接、錨點鏈接和電子郵件鏈接。03教學目標理解超鏈接在網(wǎng)頁設計中的重要作用（一）超鏈接

超鏈接是指從一個網(wǎng)頁指向一個目標的連接關系，它可以建立在文字、圖片或者圖片的某個位置上，鏈接跳轉的目標可以是另一個網(wǎng)頁、另一個網(wǎng)站、同一網(wǎng)頁內的其他地方、一個郵件地址、一個文件等。內部鏈接外部鏈接錨點鏈接電子郵件鏈接內部鏈接、外部鏈接、錨點鏈接、電子郵件鏈接（二）超鏈接的分類1.內部鏈接

內部鏈接就是把同一網(wǎng)站內的網(wǎng)頁連接起來。2.外部鏈接

外部鏈接就是不同網(wǎng)站網(wǎng)頁之間的鏈接。建立外部鏈接目標下拉列表框3.錨點鏈接

錨點鏈接是同一網(wǎng)頁中指定位置的鏈接。建立錨點鏈接4.電子郵件鏈接

電子郵件鏈接是單擊時能夠發(fā)送郵件的郵件專用程序。建立電子郵件鏈接<ahref="develop.html">發(fā)展歷程</a><ahref=""target="_blank">鏈接到百度</a><ahref="mailto:gzjiangnan@QQ.com">聯(lián)系我們</a>（三）超鏈接的代碼<ahref="#m1">仿哥特式</a><aname="m1"id="m1"></a>（四）超鏈接字體顏色

實踐題：設置超鏈接后改變了顏色的字體還原回本來的顏色。CSS（層疊樣式表）原理：使網(wǎng)頁所有的鏈接顏色得到統(tǒng)一的控制。建立超鏈接鼠標經(jīng)過已訪問的鏈接活動鏈接已設置超鏈接【考考你】【單選題】網(wǎng)站是一個包含多個網(wǎng)頁的集合，這些網(wǎng)頁由(

)連在一起。

A.傳輸

B.協(xié)議

C.超鏈接

D.網(wǎng)站C解析：多個網(wǎng)頁能通過超鏈接連接在一起，形成一個整體?！究伎寄恪俊締芜x題】在網(wǎng)頁中，下列對象不能插入超鏈接的是(

)。

A.文字

B.圖片

C.圖片中的某個區(qū)域

D.表格D解析：超鏈接可以建立在文字、圖片或圖片中的某個區(qū)域上，但不能建立在表格上的?！締芜x題】小明制作了一個“2022年新年彩燈”網(wǎng)頁，通過點擊網(wǎng)頁上不同的彩燈照片，能自動跳轉到本頁面中的相應彩燈簡介位置，他可能使用了(

)。

A.電子郵件鏈接

B.內部鏈接

C.文件鏈接

D.錨點鏈接【考考你】D解析：跳轉到同一頁面某個位置的超鏈接叫做錨點鏈接?！究伎寄恪俊締芜x題】在網(wǎng)頁中,必須使用(

)標記來完成超級鏈接。

A.<a>...</a>

B.<p>...</p>

C.<link>...</link>

D.<li>...</li>A解析：通過代碼窗口，可以看到超鏈接的代碼用<a>開始</a>結束?！究伎寄恪俊締芜x題】在屬性面板設置網(wǎng)頁打開的方式中,在新的窗口打開超鏈接的是(

)。

A._blankB._parent

C._selfD._topA解析：超鏈接的目標方式_blank表示在新窗口打開超鏈接?！究伎寄恪俊締芜x題】在Dreamweaver中,創(chuàng)建E-mail鏈接,其正確的語句格式是(

)A.to:master@e-B.Beink:master@e-C.mail:master@e-D.mailto:master@e-

D解析：電子郵件鏈接的語句是mailto。課堂小結什么是超鏈接（What）怎樣建立超鏈接（How）超鏈接超鏈接有什么用（Why）超鏈接有哪些種類？超鏈接什么樣的？

感謝觀看!（本課的素材部分來源于網(wǎng)絡）九年級—廣州版—信息技術—第三冊第二章

第5節(jié)建立網(wǎng)頁超鏈接答疑課絕對地址和相對地址絕對地址和相對地址絕對地址：指帶有網(wǎng)站域名的網(wǎng)頁地址。相對地址：只包含本地路徑的網(wǎng)頁地址。通常以“/”表示根目錄“./”表示當前目錄“../”表示當前目標的上一層目錄表示層級關系相對地址

相對地址是以當前文檔所在的文件夾為起點的相對路徑。如果nearby.html放在下一級文件夾中（比如webs），那么鏈接將會<ahref="index.html">首頁</a><ahref="develop.html">發(fā)展歷程</a><ahref="style.html">風格樣式</a>假如你有三個網(wǎng)頁，而且他們被存放在同一個目錄下，那么你在做超鏈接的時候，只要寫出文件名就行了。<ahref="webs/nearby.html">身邊騎樓</a>反過來，從nearby.html（在下級文件夾中）到index.html的鏈接將會是<ahref=".