超連結是指點選網頁的文字或圖片時，瀏灠器連結到指定的網頁、電子信箱，或者其他網路資源的功能。訪客可以快速取得需要的資訊與各種資源，超連結已經改變傳統的線性閱讀方式。
網頁的超連結包括以下類型：
文字連結： 網頁內容的文字超連結。
影像連結： 影像或影像地圖的超連結。
按鈕連結：使用表單按鈕的超連結，通常配合 [ 行為 ] 指令製作超連結的功能。
相對路徑
相對路徑只能用於同一網站的連結，使用 Dreamweaver 建立的一般連結就是使用相對路徑。
絕對路徑
絕對路徑用於與外部網站的連結，因此建立連結時必須輸入 http://www.cg.com.tw 這樣的網址。
請注意 http:// 不可省略，否則訪客點選時將連結到錯誤的網址。
建立文字超連結
文字超連結是最常見的網頁超連結類型，您可以使用以下幾種不同的方式建立文字超連結。
方法一、網取網頁中的文字，按一下屬性面板 連結 右側的瀏覽檔案圖示，從開啟的「選取檔案」對話框，選擇您想連結的檔案，再按下「確定」即可。預設的情況下，超連結的文字會變成藍色加上底線。
方法二、網取網頁中的文字，按著屬性面板 連結 右側的指向檔案圖示，拖曳到「檔案」面板上您想連結的檔案並放開滑鼠按鈕，即可完成超連結的設定。
電子郵件連結
電子郵件連結的功能與建立 matilto:[email protected] 超連結的效果相同，可快速在網頁建立一段文字超連結，訪客點選該文字時，會開啟電子郵件軟體，並自動將填入的電子郵件帶入收件者欄位。
前提是訪客必須使用 Outlook、Outlook Express 之類的電子郵件軟體，但是大部份的使用者已經改用 Gmail、Yahoo 網頁或 App 收發電子郵件。若是以現在的趨勢來看，電子郵件連結功能已是不建議使用的功能。
命名錨點 (Named Anchor )
命名錨點可使用在內容較長的網頁，訪客點選超連結時可直接跳到網頁的指定位置。使用插入命名錨點功能時，請先將 Dreamweaver 的文字輸入點放在網頁的適當位置，並給予易於辨識的錨點名稱，連結時請在網頁檔名後加上 # 號與錨點名稱，請參閱以下範例：
絕對路徑 http://www.cg.com.tw/網頁檔名.htm#錨點名稱
相對路徑 網頁檔名.htm#錨點名稱
錨點名稱可使用中英文，但不可包含空白。命名錨點在網頁上並不會顯示，只有在連結命名錨點時才有實際的功能。
麵包屑導覽 ( Breadcrumbs )
麵包屑導覽一詞來自童話故事，設計網頁時在明顯的位置標示導覽路徑，您可以在許多網站發現麵包屑導覽的設計，包括 CG 數位學習網，訪客可以快速回到相關的網頁，而且對於 SEO 搜尋引擎最佳化也會帶來正面的效果。