第五講 建立文字超連結

2021-03-31 14:09:51 字數 2047 閱讀 9100

超連結是**中各個元素的****,正是它完成了各個頁面的跳轉,使整個**作為乙個有機的整體出現在訪問者面前。網際網路之所以如此流行,乙個很重要的原因是由於超連結。超連結允許我們從自己的網頁出發開啟網際網路上成千上萬的網頁檔案。

我們在瀏覽網頁的時候,常常會看到一些藍色帶下劃線的文字,將滑鼠指標移動到這些文字上時,滑鼠指標變成手形,單擊滑鼠就會開啟另乙個網頁。這個就叫超連結,帶下劃線的文字稱為熱點(超連結點)。

熱點可以是文字,也可以是或其它物件。熱點的文字也不一定是蘭色,甚至不一定有下劃線。

一、建立超連結

在frontpage中建立超連結是一件很容易的事。只要選中這段文字或物件,然後單擊常用工具欄上的超連結按鈕

【例】將主頁「index.htm」和「迎春接福」網頁(ycjf.htm)鏈結起來。

1)開啟frontpage,並開啟「d:/網頁練習」本地**中的主頁檔案「index.htm」

2)在主頁上輸入**的標題與熱點文字「迎春接福」。

3)選中「迎春接福」這段文字,如下圖所示。

被選中的主頁上的超連結點文字

5)在「建立超連結」對話方塊的中間區域會顯示本地**「d:/網頁練習」中的所有檔案(夾),選擇檔案「ycjf.htm」,這個檔名就會出現在url欄中。

6)單擊「確定」按鈕後,完成設定。這時「迎春接福」這幾個字變成藍色,並帶有下劃線。單擊視窗下方的「預覽」選項卡,預覽這個主頁。將滑鼠移到「迎春接福」上,滑鼠指標變成手形(見下圖),單擊後,「迎春接福」網頁被開啟。

3)單擊「確定」按鈕,返回「建立超連結」對話方塊。可以看到,「目標框架(t)」後面的文字框已由「網頁預設值(無)」變成「新建視窗」(下圖)。單擊「確定」按鈕,完成設定。這樣,若預覽中單擊「月湖老年網」,將在新開的乙個瀏覽器視窗中開啟月湖老年網。

三、建立電子郵件超連結

在「建立電子郵件超連結」對話方塊中,輸入網頁所有者的電子郵件位址,單擊「確定」按鈕,重新回到「建立超連結」對話方塊,url欄出現mailto:oldchild@**itunion.***。

單擊「確定」按鈕;電子郵件超連結設定完畢。單擊「預覽」選項卡,將滑鼠指標移動到「給我寫信」幾個字上,滑鼠指標變成手形,單擊滑鼠,本地計算機中設定的電子郵件處理軟(如foxmail)自動開啟,新郵件處於待編輯狀態。這時,收件人框自動出現剛才設定的位址,如下圖所示。

四、書籤

  當網頁內容過長時,要顯示後面的內容特別是確定具體位置比較麻煩。html提供了鏈結到網頁中某個具體位置的技術,這就是所謂書籤。使用書籤可以快速地瀏覽到所關心的資訊。如「美食文談」網頁(下圖)共有6個正題和乙個附錄,但如果不使用滾動條,我們只能看到第乙個正題的頭部。若使用書籤定位,就可以使每乙個正題和附錄都快速地出現在螢幕頂端。書籤可以在本網頁鏈結。也可以從外部鏈結。下面以網頁「美食文談」為例說明從外部鏈結到書籤的使用方法。

1、在frontpage中開啟「美食文談」網頁檔案「mswt.htm」,然後選取第乙個正題的標題「美食文談1」,單擊「插入」選單,在彈出的選單(下右圖)中選擇「書籤」。得到「書籤」對話方塊,如下左圖所示。預設情況下,frontpage採用選中的文字「美食文談1」作為書籤的名字出現在「書籤名稱」欄中。如果沒有重名的情況,最好採用預設名,以免發生混淆。單擊「確定」按鈕,返回frontpage編輯視窗,這時「美食文談1」的下方被加上了紅色的虛線。用同樣的方法,將所有正題和附錄的名稱都設定成書籤。

再將目標框架設為「新建視窗」,單擊「確定」按鈕,返回frontpage視窗,熱點文字「1」兩個字變成藍色並加上了下劃線。

用同樣的方法,為主頁上其餘的熱點文字「2」~「附錄」都建立書籤超連結。如下圖所示。

4、最後開啟「預覽」選項卡,將滑鼠指標移到「美食文談」後面的熱點文字「1」~「附錄」的任意乙個(如:4)上,滑鼠指標變成手形。單擊後,網頁「美食文談」就會在新的ie視窗中開啟,而在視窗頂端顯示的則是對應的正題(如「美食文談4」)。

【練一練】

1、根據自己構想的個人**,為「網頁練習」**設計主頁和兩個網頁。在主頁中設定兩個熱點,分別鏈結到兩個網頁。

2、設計乙個長網頁(如「唐詩三百首」),為它設計乙個分類目錄,在每一類上插入乙個書籤。並將目錄與書籤鏈結。

3、在主頁中加入乙個鏈結到自己郵箱的電子郵件超連結。

Opencv第五講 Trackbar建立及應用

前言 開發環境 win10 visual studio 2017 開發語言 c 編譯器 debug x64 opencv版本 4.1.1 實現 include include include opencv2 imgproc imgproc.hpp include using namespace st...

第五周 建立鏈棧演算法庫

煙台大學計控學院 姓名 孫子策 要求 定義鏈棧儲存結構,實現其基本運算,並完成測試。list.h ifndef listack h included define listack h included typedef char elemtype typedef struct linknode lis...

Odoo安裝教程6 建立新的外掛程式模組第五講

一些 odoo 模組建立新應用,而另一些則對已有應用新增功能或作出修改。雖然兩者的技術元件基本相同,但應用會被預期包含一些特徵性元素。我們建立的是乙個圖書應用,所以應包含這些元素,它們是 圖示 用於在應用列表中展示 頂級選單項 其下放置所有的應用選單項 應用安全組 通過許可權訪問僅對指定使用者開放 ...