来自:skyko > 馆藏分类
配色: 字号:
HTML原始碼 超連結的製作
2016-04-11 | 阅:  转:  |  分享 
  
HTML原始碼超連結的製作HTML原始碼,超連結分為三個重要部份1.一般的超連結2.有指向指定框架目標的超連結3.指向錨點的超連結以
下一一介紹1.一般的超連結超連結的語法如下:連結文字實際範例:tp://dictionary.yahoo.com.tw">YAHOO奇摩字典輸出結果-->?http://dictio
nary.yahoo.com.tw/YAHOO奇摩字典2.有指向目標框架的超連結此超連結的語法如下get="框架名稱">連結文字不過目前我們現在沒有框架可以作示範所以用其他方式代替解說例如:/www.pchome.com.tw"target="apple">PCHOME輸出結果-->?http://ww
w.pchome.com.tw/PCHOME?你去按按那個輸出結果,會發現其實沒有什麼不一樣,只是多跳出一個視窗但是,按第一次之後
,不要把視窗關掉再按一次那個連結你會發現,網頁又會在剛才跳出的同一個視窗開啟為什麼?原因是因為我們的target(目標框架)?
設定為apple但是我們目前並沒有開啟任何名為apple的框架所以,瀏覽器會乾脆直接新開一個視窗,然後把他的名稱設定為a
pple然後,若是你沒有關閉那個視窗,那個名為apple的視窗就還留著下次再按那個連結,瀏覽器就能夠找到apple這個框架--
也就是你剛才開的視窗!!並且在那個視窗開啟你的網頁!!實際的用法是如果你有一組框架網頁然後,你的超連結都放在menu這個框架
你想要在menu框架按連結之後,把所有連結的網頁都顯示在mainpage框架那麼,你在menu框架的所有超連結應該設成href="網址"target="mainpage">?連結的字串當然,target除了指定連結到特定框架以外還有一
些預設的功能如:_blank?_parent?_new?_self舉幾個例子,你就能夠知道他們的功用tp://tw.yahoo.com"target=_blank>開啟於全新頁面-->http://tw.yahoo.co
m/開啟於全新頁面?(每次按都有不同的新視窗)
開啟於空白頁面-->http://tw.yahoo.com/開啟於空白頁面?(第一次次按會有新視窗,之後每次按都會跑到同一
個視窗)開啟於自己框架頁面-->ht
tp://tw.yahoo.com/開啟於自己框架頁面?(和一般的超連結差不多,但是這個可以確保將連結到目前使用中的框架)ref="http://tw.yahoo.com"?target=_self>開啟於父框架-->http://tw.yah
oo.com/開啟於父框架?(網頁必須在框架中才派得上用場)例如你的連結在mainpage框架中用_self,目標會連結到main
page框架(也就是自己)用_blank,目標會連結到新視窗,而且每點一次就多開一個視窗用_new,目標會連結到新視窗,但是無論點
幾次都是顯示在那個視窗用_parent,目標會顯示在整個框架頁。(蓋掉banner、menu、mainpage!!)3.指向錨點
的超連結?設定瞄點,就是在網頁上的某一列插一根旗子然後,你點一個超連結,就可以直接跳到插旗子的那一列這樣在瀏覽上會很方便因此,要
做出這樣的功能,我們需要1.設定瞄點2.指向瞄點的超連結設定瞄點的方法例如你要設定一個名字叫做Hello的瞄點(也就
是你插一根叫做Hello的旗子)就使用下列語法於是你下這指令的那一列就被插了一根旗子
作為記號然後,我們的超連結要怎麼樣連到這一列呢?語法是這樣的連結文字這樣看或
許還是很難懂,舉一個實際的例子我在這邊設定一個叫做Go的瞄點我是瞄點!!這一行設了一個叫做Go的
瞄點然後,本頁的網址是http://blog.pixnet.net/finalfrank/post/9752428所以跳到瞄點寫成
以下跳到瞄點結果如下↓http://blog.pixnet.net/finalfrank/post/9752428跳到瞄點
献花(0)
+1
(本文系skyko首藏)