tft每日頭條

 > 生活

 > html如何加超鍊接

html如何加超鍊接

生活 更新时间:2024-10-05 08:05:16

這一節學習的是超鍊接的種類,在文字和圖片上加入超鍊接的方法,設置超鍊接的打開方式。

學無止境,樂在其中。點擊關注,學習更多。

html如何加超鍊接(HTML學習筆記9怎樣在網頁中加入超鍊接)1

1、超鍊接(hyperlink)在HTML中用标簽a實現

2、超鍊接的屬性就兩個:鍊接地址href和超鍊接的打開方式target。語法如下:

<a href=”鍊接地址” target=”開打方式”>圖片或文字</a>

3、鍊接地址有3種:外部鍊接、内部鍊接和錨點鍊接。實例如下:

外部鍊接的意思是網站之外的頁面鍊接,地址用絕對路徑(就是網址)。外部鍊接實例(在新窗口打開):

html如何加超鍊接(HTML學習筆記9怎樣在網頁中加入超鍊接)2

内部鍊接的含義是本網站内部的鍊接,地址用相對路徑。内部鍊接實例(在原窗口打開,這是默認值,所以不用寫出來):

html如何加超鍊接(HTML學習筆記9怎樣在網頁中加入超鍊接)3

錨點鍊接的地址是本網頁内部的一個位置,這個位置必須先用id定義好。錨點鍊接用的id前面需要加“#”符号,請看下面的實例:

html如何加超鍊接(HTML學習筆記9怎樣在網頁中加入超鍊接)4

4、超鍊接的target打開方式屬性有4個不同的值,分别是:

_self 表示在原窗口打開超鍊接,這是默認值,不用專門設置

_blank 表示在新窗口打開超鍊接

_parent 表示在父窗口打開超鍊接

_top 表示在頂層窗口打開超鍊接

後面兩種很少使用,前兩種的用法在前面的實例中有。

5、超鍊接不能獨立使用,必須依附于一定的文字或者圖片。剛才的例子都是加在文字上的,現在看一個圖片上的超鍊接(點擊圖片就會轉到目标頁面):

html如何加超鍊接(HTML學習筆記9怎樣在網頁中加入超鍊接)5

關注我,一起進步。

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved