超鏈接有外部鏈接、電子郵件鏈接、錨點鏈接、空鏈接、腳本鏈接
一、內部鏈接
與自身網站頁面有關的鏈接被稱為內部鏈接
1、創建內部鏈接
1)語法:
<a href="鏈接地址">
……
</a>
2)舉例應用:?
?3)實操代碼:
<body>計算:
<p>
1.<a href="1"> 1+1=?</a></p>
<p>
2.<a href="2">2+2=?</a></p>
<p>
3.<a href="3">3+3=?</a></p>
</body>
?2、鏈接的目標窗口
簡介:在創建網頁的過程中,默認情況下超鏈接在原來的瀏覽器窗口中打開,可以使用 target屬性來控制打開的目標窗口
1)語法:
_self? 在當前頁面中打開鏈接
_blank? 在一個全新的空白窗口中打開鏈接
_top? 在頂層框架中打開鏈接,也可以理解為在跟框架中打開鏈接
_parent? 在當前框架的上一層里打開鏈接
new??在一個全新的空白窗口中打開鏈接
二、錨點鏈接?
網站中經常會有一些文檔頁面由于文本或者圖像內容過多,。導致頁面過長,為了方便用戶查看文檔中的內容在文檔中需要進行錨點鏈接。
1、情景模擬:點擊2+2的鏈接,跳轉到答案4
2、步驟和語法:
1)建立錨點
<a name="錨點的名稱”></a>
2、鏈接同一頁面中的錨點?
<a href="#錨點的名稱”></a>
3、鏈接到其他頁面的錨點
首先在同一個目錄下新建一個答案頁面的html文件:
?<a href="鏈接的文件地址#錨點的名稱”></a>
?3、錨點演示代碼:
<hr>
計算:
<p>
1.<a href="#1" > 1+1=?</a></p>
<p>
2.<a href="#2" target="_parent">2+2=?</a></p>
<p>
3.<a href="答案頁面.html#3" target="new">3+3=?</a></p>
<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br><br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
<a name="1">2</a>
<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br><br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
<a name="2">4</a>
<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br><br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>.<br>
<a name="3">6</a>
三、外部鏈接
簡介:外部鏈接是指跳轉到當前網站之外的資源:網頁中最常用的是利用HTTP協議進行的外部鏈接是設置友情鏈接
1、基本語法
<a href="http://……">……</a>
2、友情鏈接演示效果:?
3、友情鏈接演示代碼:?
<hr>
<p>友情鏈接:</p>
<p><a href="http://www.baidu.com">百度</a></p>
<p><a href="http://www.sina.com">新浪</a></p>
<p><a href="https://www.csdn.net/">CSDN</a></p>
四、鏈接到Email
1、簡介:
在網頁上創建Email鏈接,當瀏覽者點擊Email鏈接時,收件人的郵件地址有Email超鏈接中指定的地址自動更新無需瀏覽者輸入
2、語法:
<a href="mailto:郵件地址”……</a>
?3、點擊結果:
4、演示代碼
<hr>
<p> Email鏈接</p>
<p><a href="mailto:CYDBUSINESS@OUTLOOK.COM">感謝您的收看,點擊此處可以聯系小編</a></p>
五、鏈接到ftp
1、簡介:
Ftp是指文件傳輸協議,一個ftp站點通常包含一些容易上傳和下載文件的文件目錄。大部分的ftp網站需要一個用戶名和密碼來進入網站
2、語法:
<a href="ftp://ftp地址">……</a>
3、點擊結果:
4、演示代碼:
<a href="ftp://ftp.tsinghua.edu.cn">進入清華大學的ftp網站</a>
六、鏈接到telnet
1、簡介:
telnet,常常用來登錄一些bbs網站也是一種遠程登錄方式
2、語法:
<p><a href="telnet://地址">……</a></p>
七、下載文件
1、簡介:
如果要在網站中提供下載資料,就是要為文件提供下載鏈接。如果超鏈接指向的不是一個網頁文件,而是其他zip,mp3,a4v,exe等文件,單機鏈接的時候就會下載文件
2、語法
<p><a href="文件地址"></a></p>
3、?效果:
4、演示代碼:
<hr><p><a href="MOHA.mp3">MOHA音樂</a></p>