5 HTML超級鏈結

2022-06-05 08:48:08 字數 1784 閱讀 5772

< a > 標籤——超連結標籤

< a > 標籤(沒有帶屬性)

效果:好像沒什麼效果

< a > 標籤及href屬性

效果:

點選後:

把當前頁面替換成了乙個新的網頁

< a > 標籤的target屬性

target屬性——指定超連結的鏈結物件的開啟方式,_blank屬性值表示在新頁面開啟(不寫target屬性,就預設在當前頁面開啟)

點選後:

彈出乙個新的頁面

< a > 標籤中的內容不僅能是文字,還可以是其他東西

比如:

效果:

點選後:

< a > 標籤的另外一種作用——設定錨點,使其點選後跳轉到html頁面的指定位置

如果href屬性中只填入#,不加上id,就跳轉到頁面最頂部

點選跳轉到最下方:

效果:點選跳轉到第170行:

效果:點選跳轉到最上方:

效果:html超級鏈結-課後作業

1.實現導航欄功能:建立3個html檔案,1.html可以跳轉到2和3頁面,2和3頁面可以返回到1頁面。

1.html

頁面2頁面3

2.html

頁面1頁面3

3.html

頁面1頁面2

2.在1.html裡面增加乙個鏈結,開啟後跳到4頁面的中間。

1.html

頁面2頁面3

跳轉到頁面4的中間

4.html

開頭中間

結尾

3.在1.html加個,點選後,在新的標籤裡面開啟小公尺閃購頁面。

頁面2頁面3

跳轉到頁面4的中間

4.點選1.html裡面的鏈結,直接彈出郵件系統進行傳送郵件。

頁面2頁面3

跳轉到頁面4的中間

傳送郵件

5.請閱讀資料

HTML 超級鏈結詳細講解

超級鏈結超級鏈結是 中使用比較頻繁的html元素,因為 的各種頁面都是由超級鏈結串接而成,超級鏈結完成了頁面之間的跳轉。超級鏈結是瀏覽者和伺服器的互動的主要手段,在後面的技術中會逐步深化學習。4.5.1 給文字新增鏈結超級鏈結的標籤是,給文字新增超級鏈結類似於其他修飾標籤。新增了鏈結後的文字有其特殊...

HTML 超級鏈結詳細講解

這裡是頂部的錨 第1任第2任 第3任第4任 第5任 第一任 1789 1797 這裡是第1任的錨 姓名 喬治 華盛頓 george washington 生卒 1732 1799 政黨 聯邦 第2任 1797 1801 這裡是第2任的錨 姓名 約翰 亞當斯 john adams 生卒 1735 18...

word中使用超級鏈結

超級鏈結是將文件中的文字或圖形其他位置的相關資訊鏈結 起來,單擊建立了超級鏈結的文字或圖形時,就可跳轉到相關資訊。超級鏈結非常靈活和強大,既可跳轉至當前文件或 web 頁的某個位 置,亦可跳轉至其他 word 文件或 web 頁,或者其他專案中建立的 檔案。使用者甚至可用超級鏈結跳轉至聲音和影象等多...