酷知百科網

位置:首頁 > 母嬰教育 > 學習交流

HTML頁面怎麼設定錨點

錨點--是網頁的超連結中的一種,也叫做命名錨點,透過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知識製作錨點;