7、HTML超鏈接標籤,a標籤,錨鏈接,QQ推廣

1、頁面間跳轉

<a href = "path" target = "目標窗口的位置"> 鏈接的文字或者圖片 </a>
屬性:
	1、href:是這個鏈接的路徑地址,可以是網址,也可以是別的html文件。
	但是需要注意的是,如果是網址,需要寫清楚全部的地址如:
	百度: https://www.baidu.com ,而不能只寫後面部分
	如果是別的html文件的話,需要注意路徑是否正確。
	
	2、target:是該鏈接打開的標籤頁的位置,如果是當前標籤頁打開
	該鏈接的話,就是_self,如果是在新的標籤頁打開的話,屬性值就是_blank。
	不寫的話,默認值是 _self。
	還可以跳轉到frame標籤中。
	
	3、a標籤中間的內容可以是文字,也可以是圖片,也就是在a標籤中嵌套
	一個img標籤。

2、錨鏈接

錨鏈接是用來頁面中的跳轉的,也就是頁面太長了,需要用錨鏈接用來定位。常見的是回到頂部,底部,這樣的操作。

錨鏈接也是通過 a 標籤進行跳轉,但是需要提前設置好一個貓標記,同樣也是使用 a 標籤進行設置,如下:

1、在需要跳轉的位置使用 a標籤:  <a name = "top">頂部</a>
給它加上一個name屬性,屬性值爲 top,因爲沒有 href 屬性,所以
不會呈現可以點擊的超鏈接的形式。

2、在需要跳轉的開始位置,設置一個a標籤:<a href = "#top">回到頂部</a>
使用 href屬性進行跳轉,屬性值爲“# + 需要跳轉的標誌名稱”,
這裏需要跳轉的標誌名稱就是前面定義的 top,這樣當點擊了 超鏈接:回到頂部
就可以實現跳轉到 錨標誌 top 的頂部位置了。

注意:如果不寫錨標誌,href 屬性的值就是 # ,則默認回到頂部。

3、錨鏈接實現頁面間跳轉並定位

同樣的在一個頁面使用超鏈接跳轉到另外一個頁面的是,需要跟上這個頁面的路徑即名稱,此時,當我們還想跳轉到該頁面的相應的錨標誌位置的話,可以直接在該 href 值的後面跟上 # + 錨標誌,就可以實現跳轉頁面並且定位的功能了。
在這裏插入圖片描述

4、功能性鏈接

  • 郵件鏈接:mailto:[email protected],當點擊了這個鏈接,就會打開自帶的郵件發送軟件,自動填寫上這裏寫的郵箱地址作爲收件人。
    在這裏插入圖片描述
  • QQ鏈接:具體步驟如下:
    1、百度搜索QQ推廣
    在這裏插入圖片描述
    2、點進網頁後,就可以使用自己的QQ登錄了,登錄後點擊推廣工具
    在這裏插入圖片描述
    3、選擇個人QQ組件,選好組件的類型,寫好提示語,就可以複製下面的代碼了
    在這裏插入圖片描述
    4、結果,功能是可以實現的,但是圖片不知道怎麼顯示不完整
    在這裏插入圖片描述
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章