資料結構
網路
關係型資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝學
法學如何在HTML頁面中插入超連結？
要在HTML頁面中插入超連結，我們必須使用錨標籤<a>和</a>，它們用於定義連結。<a>標籤表示超連結的開始，</a>標籤表示超連結的結束。這兩個標籤內的任何文字都將成為超連結。在<a href = " ">中新增連結的URL。
以下是超連結的使用方法：
< html> <head> ... </head> <body> -- <a href = " url "> text < / a> </body> </html>
在HTML中，所有連結都被視為超連結。這些超連結允許使用者點選並跳轉到另一個頁面/文件。我們不能將文字作為連結，因為它不允許點選。因此，我們需要在文字上使用超連結。
語法
以下是HTML中插入超文字的語法：
<a href="url"> Your text for link </a>
示例
在HTML中使用不同的連結：
<!DOCTYPE html> <html> <body> <h2>Here is the text Hyperlink</h2> <p><a href="https://tutorialspoint.tw">Text URL</a></p> <h2>Here is the Image hyperlink</h2> <p><a href="https://tutorialspoint.tw/images/cbse-class-6-maths-notes_icon.svg">Dummy image</a></p> </body> </html>
執行上述程式後，我們將看到三個超連結（分別是文字、影像和電子郵件），以及三個標題，每個標題都有一個指定的URL。
讓我們詳細討論如何插入電子郵件連結、影像連結和文字連結：
使用影像作為連結
我們可以透過簡單地將<img>標籤放在錨標籤<a>內來使用影像作為連結。
示例
以下示例展示瞭如何使用影像作為連結：
<!DOCTYPE html>
<html>
<body>
<a href="https://tutorialspoint.tw/statistics/index.htm">
<img src="https://tutorialspoint.tw/images/statistics_icon.svg" alt="HTML tutorial" style="width:300px; height:250px;">
</a>
</body>
</html>
執行上述程式後，我們將看到一個png影像，點選它後，將跳轉到指定的URL。
使用電子郵件地址作為連結
要連結電子郵件地址，我們需要在href屬性中使用mailto:，這將開啟使用者的電子郵件程式。
示例
讓我們看一個例子以便更好地理解：
<!DOCTYPE html> <html> <body> <h1> Links to Email Address</h1> <p><a href="mailto:abc@example.com">Send Email </a> </p> </body> </html>
執行上述程式後，我們將看到一個帶有“傳送郵件”文字的超連結。點選該連結後，將跳轉到指定的預設郵件地址，允許使用者直接從網頁傳送郵件。
使用按鈕作為連結
如果使用按鈕作為連結，請嘗試向其中新增一些指令碼程式碼，這有助於我們指定點選按鈕後要執行的操作：
示例
讓我們看一個例子以便更好地理解：
<!DOCTYPE html> <html> <body> <h2>Button as a Links</h2> <p>Click the button to go to the tutorialsPoint </p> <button onclick="document.location='https://tutorialspoint.tw/html/html_text_links.htm'">HTML Tutorial</button> </body> </html>
執行上述程式碼後，我們將看到一個標題為“按鈕作為連結”的表單，其中段落元素為“點選按鈕跳轉到tutorialsPoint”。然後，將顯示一個標記為“HTML 教程”的按鈕，點選該按鈕後，將導航到另一個指定的頁面。
點選按鈕後，將導航到如下所示的另一個頁面：
更多匹配特定URL的連結：
連結到當前網頁內的特定位置。此語法用於連結到同一頁面上的索引。
<a href="#index">
使用絕對路徑連結到本地機器上的頁面：
<a href="http://www.welcome.com">
絕對路徑始終包含網站的域名，包括http://。
使用相對路徑連結到同一本地機器上的另一個網頁：
<a href="C:/Users/bhanu/Desktop/index.html">
相對路徑僅指向本地機器上的檔案或檔案路徑。
連結到另一個網站上的網頁
<a href="mypage.html">
此語法用於連結到網頁“mypage.html”。
16萬+ 次瀏覽
