首頁 web前端 html教學 HTML中的超連結標籤說明

HTML中的超連結標籤說明

May 04, 2017 am 11:01 AM
html 超連結

這篇文章主要介紹了HTML中的超連結標籤使用教學,包含郵件連結的使用方法,需要的朋友可以參考下

網站的各個HTML文件透過超連結的方式相互連結在一起,形成一個連貫的網站。使用者可以透過點擊超連結跳到自己希望瀏覽的頁面。因此超連結在任何一個網站中都可以看到,是串聯網站形成整體的核心組成部分。

錨點的安排
HTML超連結以標籤作為錨點進行觸發,錨點需要有一個載體,而這個載體可以是一個文字、一個字、或一句話,也可以是圖像或某個形狀。當滑鼠移到有錨點的載體上時,滑鼠會變成一個小手的狀態,示意使用者可以進行點擊,使用者點擊這個錨點後會跳到這個標籤中href對應的位址上。

跳到屬性的用法
HTML連結中,使用 href 屬性 可以建立指向另一個文件的鏈接,通常用於頁面跳躍。這個很常見,就不再闡述了。
使用 name 屬性可以在文件內部建立書籤,讓超連結可以在文件內部跳到頁面的某一部分。例如:設定將其放置到頁面的中間。然後在頁面頭部設定跳到頁面中間錨點,當使用者在頁面頭部點擊這個錨點事,頁面會滾動跳到name書籤所在的位置,也就是頁面中間。

HTML 連結語法
HTML連結的程式碼使用很簡單。例如:

XML/HTML Code複製內容到剪貼簿

  1. <a href=”url”>
    锚文本链接
    </a>
    登入後複製

#href屬性用於設定跳轉的目標,開始標籤和結束標籤之間的文字被當作超級連結來顯示。

HTML 連結的target 屬性
target屬性可以設定透過錨文本點擊跳轉後頁面的開啟方式。有 4 個保留的目標名稱用作特殊的文檔重定向操作:
_blank
瀏覽器總是會在一個新開啟、未命名的視窗中載入目標文件。
_self
這個目標的值對所有沒有指定目標的 標籤是預設目標,它使得目標文檔載入並顯示在相同的框架或視窗中作為來源文檔。這個目標是多餘且不必要的,除非和文件標題 標籤中的 target 屬性一起使用。
_parent
這個目標使得文件載入父視窗或包含來超連結引用的框架的框架集。如果這個引用是在視窗或頂級框架中,那麼它與目標 _self 等效。
_top
這個目標使得文件載入包含這個超連結的窗口,用 _top 目標將會清除所有被包含的框架並將文件載入整個瀏覽器視窗。一般是用來點擊iframe框架中的錨點,目標連結直接在目前頁面打開,而不是在iframe中載入。

HTML連結觸發桌面軟體發送郵件
在href屬性中加入以mailto:開頭的地址,並結合目標電子郵件的地址,可以直接呼叫使用者電腦中的默認郵件管理軟體,自動填寫內容並發送郵件。
有很多網站上有,直接點擊郵箱地址,會跳出發送郵件的介面。
這個信箱超連結程式碼如下:

XML/HTML Code#複製內容到剪貼簿

    ##
    <a href=
    "mailto:email地址">
    EMAIL
    </a>
    登入後複製
#例如:

XML/HTML Code複製內容到剪貼簿

    <a href=
    "mailto:admin@myxzy.com">
    站长邮箱
    </a>
    登入後複製
#注意:現在由於直接發布地址,可能垃圾郵件會很多很多,建議不要用這個郵箱超連結。

這個admin@myxzy.com信箱由於我把地址寫在這裡,所以天天有垃圾郵件。
即使要註明郵件地址不做超連結也不要直接用文字寫在網站或網頁上,可以使用圖片或其他方式表示地址
複雜的連結:

XML/HTML Code複製內容到剪貼簿#

  1. <a href=
    "Mailto:ghsau@163.com?CC=ghsau@163.com&BCC=ghsau@163.com&Subject=Hello&Body=你好">
    给我发邮件
    </a>
    登入後複製

其语法主要由以下几个部分组成
mailto: (发送邮件到) 后面跟随邮箱地址,例如:my@frontopen.com
? (分隔符)用于在地址后面跟随相应的参数
&;  (参数连接符)同时设置多个参数时,需要用&符号进行区分连接
cc= 、 bcc=(抄送),后面跟随需要抄送人的邮箱地址,例如:my@frontopen.com
subject=  (邮件主题)后面跟随你的邮件主题
body= (邮件内容)后面跟随需要的邮件内容

以上是HTML中的超連結標籤說明的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

HTML 中的表格邊框 HTML 中的表格邊框 Sep 04, 2024 pm 04:49 PM

HTML 中的表格邊框

HTML 中的巢狀表 HTML 中的巢狀表 Sep 04, 2024 pm 04:49 PM

HTML 中的巢狀表

HTML 左邊距 HTML 左邊距 Sep 04, 2024 pm 04:48 PM

HTML 左邊距

HTML 表格佈局 HTML 表格佈局 Sep 04, 2024 pm 04:54 PM

HTML 表格佈局

在 HTML 中移動文字 在 HTML 中移動文字 Sep 04, 2024 pm 04:45 PM

在 HTML 中移動文字

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表

您如何在PHP中解析和處理HTML/XML? 您如何在PHP中解析和處理HTML/XML? Feb 07, 2025 am 11:57 AM

您如何在PHP中解析和處理HTML/XML?

HTML onclick 按鈕 HTML onclick 按鈕 Sep 04, 2024 pm 04:49 PM

HTML onclick 按鈕

See all articles