標籤：超連結 html href
1.超連結的基本格式
格式:<a href=scheme://host[:post]/path/filename >…</a>
scheme://host[:port]/path/filename
scheme 指的是http,ftp,file,mailto,news,gopher,telnet七種
host 指的是IP 位址或電腦名稱
port 指的是伺服器連接埠
path 指的是檔案路徑
filename 指的是檔案名稱
2.超連結的種類
一般常用的分為四種:
（1）http
<a href=http://www.163.com/images/logo.htm>網易logo</a>
文字連結:預設的文字是藍色+底線
（2）file
<a href=file:///e/images/pic.jpg>圖片</a>
映像連結:預設的藍色邊框
（3）ftp
<a href=ftp://192.168.4.21/>進入</a>
（4）mailto <a href=mailto:[email protected]>E-MAIL</a>
3.相對路徑與絕對路徑
絕對路徑是指完整的輸入檔案的路徑，如：E:\Note\Html\9.1803\1.jpg
相對路徑是指以當前網頁所在的目錄為參照點，寫出的檔案路徑，一般情況下，插入圖片等檔案時，使用的是相對路徑。
相對路徑：
同一級:路徑名稱：1.jpg
上一級：路徑名稱：../1.jpg
下一級：路徑名稱：images/1.jpg
同級不同目錄：路徑名稱：../images/1.jpg
4.書籤連結
基本格式：
連結到當前網頁的書籤項目(在同一個頁面中跳轉)：
瞄點<a name="a1">…</a>
連結點<a href="#a1">…</a>
連結到別的網頁的書籤項目(在不同頁面中跳轉)：
基本格式：
瞄點<a name="a1">…</a>
連結點<a href="index.html#a1">…</a>
5.連結的屬性
（1）name屬性
格式：<a href="URL" name="字串">…</a>
功能：設定超連結的標記，用於書籤連結指定位置。
（2）target屬性
blank -- 在新視窗中開啟連結
new -- 同blank，在新視窗中開啟連結
parent -- 在父表單中開啟連結
self -- 在當前表單開啟連結,此為預設
top -- 在當前表單開啟連結，並替換當前的整個表單(架構頁)
other 一個對應的架構頁的名稱 -- 在對應架構頁中開啟
（3）title屬性
格式：<a href="URL" title="字串">…</a>
功能：設定連結注釋。滑鼠指到超連結上時，顯示的文字
例如：<a href="http://www.taobao.com" target="blank" title="文字注釋">
6.<body link="#078713" alink="#234423" vlink="#123456"> link設定Body中的所有串連的顏色,alink 點擊時，vlink 點擊後(相容性不是很好）
<a style="text-decoration:none;">設定連結的底線為無，清除a標籤下的預設底線
<a href="">單擊此連結會開啟當前網頁Html儲存的位置（某些瀏覽器不相容，點擊此連結不會開啟Html的儲存位置，而是返回該頁的頂部）
<a href="#">單擊此連結，將會返回當前頁面的頂部
將<font>標籤寫在<a>標籤裡面，可以修改連結文字的顏色和底線的顏色
本文出自 “Raffaele” 部落格，請務必保留此出處http://raffaele.blog.51cto.com/6508076/1556990
HTML學習筆記5—超連結
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
