HTML頁面怎麼設定錨點

來源:酷知科普網 6.55K

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

熱門標籤