同頁連結

前面所談的超連結提的都是要如何連結到其他的網頁去,但有 時候你有一個網頁內容印出來可能有二三十頁甚至一百頁那麼多,此時我們也可以在同一個網頁中設定超連結,讓使用者可以快速的點到要看的章節去,就不用一頁 頁用滑鼠找到眼睛脫窗、手腕發麻,還沒找到要的內容就喊救命囉!
前置作業 做書籤
要連結到同一網頁的某處,一定要先知道這個「某處」在哪裡。就好比圖書館的書要在書架上標示分類標籤一樣。因此我們必須先在網頁中每個要找的段落前標上記號(書籤),這樣瀏覽器才能知道讀者要連結的位置,進而在這不同的書籤處跳來跳去。
語法:
連結至書籤處
設定好各個書籤所在之後,就可以在文件開始的地方編輯目錄,並透過以下語法一一連結至該對應書籤所在。
語法:說明文字
當然,最好能在每個段落結束之處以同樣的方式加上一個"回目錄"的連結連到目錄所在,不然讀者又要辛苦的找目錄囉!
同頁連結
<p>十二、<a href="#bm12">雙魚座a>p>
 
<a href="#index">回目錄a>
 
實例 同頁連結範例文件
在範例文件中,上方的每一個目錄項目實際上的HTML語法如下(以第一項為例):
一、牡羊座
"牡羊座"相對應的文章開頭,則加上以下的書籤:
若還是不清楚的話,不妨檢視一下範例文件的原始檔吧!