HTML頁面怎麼設置錨點
- 學習交流
- 關注:5.6K次
錨點--是網頁的超鏈接中的一種,也叫做命名錨點,通過name來定位。可以實現在同一頁頁面中進行鏈接,很常用,它的英文名稱是anchor,也是用a標籤來鏈接的。它的作用是鏈接同一個頁面的某一個章節。
操作方法
(01)首先打開製作網頁的工具,現在很多軟件都可以用來製作網頁,像是eclipse、myeclipse、Dreamweaver、visual studio等等,都是很好用的軟件,ide。
(02)打開一個HTML頁面,不同的軟件有不同的打開方式,下面是用Adobe Dreamweaver軟件來打開一個頁面的。
(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>
(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>
(05)錨點的格式代碼<a name="p3"></a><p>p3段落</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p><p>------------------</p>
(06)運行結果如下所示:點擊【段落2】會立馬跳轉到段落2中。
特別提示
用HTML知識製作錨點;
- 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/jy/jiaoliu/ev67yv.html