5 超連結和錨鏈結說明

2021-09-24 23:17:13 字數 694 閱讀 5135

1.超連結 a標籤 實現跳轉頁面

屬性:href 外部鏈結或者內部鏈結外部鏈結寫完整url, 內部鏈結寫相對位址即可.

target 可選:

_self預設值代表在當前視窗開啟頁面.

_blank在新視窗中開啟.

例子:

黑馬程式設計師 外部**

登入 本地**

黑馬程式設計師 空鏈結

例子:

內容

2.超連結 base標籤

base標籤的作用在於設定頁面上所有a標籤target的值.解決多個超級重複寫的問題.

base標籤寫在head標籤裡面.

target的兩個屬性_self和_blank

例子:
3.錨鏈結

錨鏈結的作用在於: 單擊超連結的時候跳轉到到頁面指定的地方.

如我們經常見到的回到頂部功能

先為欲跳轉到的目的元素設定1個id屬性,並為其設定值.

在a鏈結的href屬性的值寫上"#要跳轉到的元素的id值"

例子:

注意!回到頂部首先需要撐出滾動條

這是頂部1

這是頂部2

這是頂部3

回到頂部

img,a,錨鏈結,超連結

1.標籤 img,單標籤 title 當滑鼠停留在上的時候,顯示提示的文字 alt 當檔案找不到的時候,顯示提示文字 width 寬度 height 高度 2.路徑 絕對路徑 一般不用 指的是檔案在計算機裡面的位置 相對路徑 使用 使用者工作目錄開始的路徑 路徑的拼接使用 當前目錄 跳出當前目錄,到...

超連結和路徑

超連結和路徑 1 標籤 2 屬性 href 必須 target 可選 target 告訴瀏覽器希望將所連線的資源顯示在 blank 在新視窗或者標籤頁中開啟文件。parent 在父窗框組 frameset 中開啟文件。self 在當前視窗開啟文件 預設 top 在頂層視窗中開啟文件。h5中,框架基本...

教程5 關係和超連結API

目錄目前,我們的api中的關係是通過使用主鍵來表示的。在本教程的這一部分中,我們將改善api的內聚性和可發現性,通過使用超連結建立關係。現在,我們有 snippets 和 users 的端點,但是我們沒有api的單個入口點。為了建立乙個,我們將使用乙個常規的基於函式的檢視和前面介紹的 api vie...