網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好

HTML頁面怎麼設置錨點

欄目: 學習交流 / 發佈於: / 人氣:6.24K

錨點--是網頁的超鏈接中的一種,也叫做命名錨點,通過name來定位。可以實現在同一頁頁面中進行鏈接,很常用,它的英文名稱是anchor,也是用a標籤來鏈接的。它的作用是鏈接同一個頁面的某一個章節。

HTML頁面怎麼設置錨點

操作方法

(01)首先打開製作網頁的工具,現在很多軟件都可以用來製作網頁,像是eclipse、myeclipse、Dreamweaver、visual studio等等,都是很好用的軟件,ide。

HTML頁面怎麼設置錨點 第2張

(02)打開一個HTML頁面,不同的軟件有不同的打開方式,下面是用Adobe Dreamweaver軟件來打開一個頁面的。

HTML頁面怎麼設置錨點 第3張

(03)基本代碼如下所示。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""><html xmlns=""><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title></head><body></body></html>

HTML頁面怎麼設置錨點 第4張

(04)在body裏面填寫如下的代碼。<body><a href="">文字1</a><a href="">文字2</a><a href="">文字3</a><a name="p1"></a><p>p1段落</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><a name="p2"></a><p>p2段落</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><a name="p3"></a><p>p3段落</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p></body>

HTML頁面怎麼設置錨點 第5張

(05)錨點的格式代碼<a name="p3"></a><p>p3段落</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p>

HTML頁面怎麼設置錨點 第6張
HTML頁面怎麼設置錨點 第7張

(06)運行結果如下所示:點擊【段落2】會立馬跳轉到段落2中。

HTML頁面怎麼設置錨點 第8張
HTML頁面怎麼設置錨點 第9張

特別提示

用HTML知識製作錨點;