dw中怎麼插入命名錨記連結、錨記連結在哪裡

來源:酷知科普網 1.84W

剛學習Dreamweaver網頁設計的小夥伴們肯定對於連結一點也不陌生,不知道大家知道錨機連結嗎?在連結裡可以直接點選返回命名的地方,說了這麼多還是來看看比較清楚,下面我們來看一下錨機連結在哪怎麼插入吧。

操作方法

(01)首先我們需要新建一個空白的HTML網頁用來做示範,我們可以在檔案裡找到新建網頁,也可以在剛開啟Dreamweaver的時候在基礎介面新建。

dw中怎麼插入命名錨記連結、錨記連結在哪裡

(02)然後我在新建的網頁裡輸入兩行文字方便大家理解“使用錨機連結   返回頂部”,當我點選返回頂部的時候會顯示達到網頁的最上方。

dw中怎麼插入命名錨記連結、錨記連結在哪裡 第2張

(03)我們在網頁的頂部插入一個錨記連結,找到選單欄裡的插入選單,在插入選單欄裡找到命名錨記連結,命名錨記連結的快捷鍵是Ctrl+alt+A大家可以記一下,對大家提升網頁設計的速度有所幫助。

dw中怎麼插入命名錨記連結、錨記連結在哪裡 第3張

(04)隨後點選命名錨記連結之後,彈跳出來一個命名錨記的視窗,設定錨記名稱就可以了,我這裡輸入的名字為top,點選確定。

dw中怎麼插入命名錨記連結、錨記連結在哪裡 第4張

(05)之後我們選中返回頂部的字樣,在他的屬性裡設定連結為#加錨記連結的名稱,我這邊的錨記連結名稱為top所以就輸入了#top這個視情況而定了。

dw中怎麼插入命名錨記連結、錨記連結在哪裡 第5張

(06)如果大家這個搞不清楚錨記連結太多了,我們可以點選旁邊右側的指向檔案,拉到所要選擇的錨記連結也可以,這個不容易出錯,隨後我們在網頁中瀏覽,當我們點選返回頂部的時候,會顯示到錨記連結的位置。

dw中怎麼插入命名錨記連結、錨記連結在哪裡 第6張

特別提示

謝謝大家看到這裡

喜歡的麻煩投個票吧,謝謝

熱門標籤