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張

特別提示

謝謝大家看到這裏

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

熱門標籤