a標籤的使用,以及一些全域性屬性和連結型別。

YUZHONG發表於2019-04-27

目錄

a標籤:

  • a標籤是要在網頁上新增超連結的
  • a標籤要寫上內容不然顯示不出來。
  • 屬性:

    herf(規定了頁面的路徑)

  1. 要跳轉的頁面地址
  2. 是能跳轉到其他檔案的。
  3. 對於zip這類檔案執行的是下載。對於txt,pdf,執行的是預覽。

  4. 能跳轉到絕對頁面地址。例:< a herf="http:baidu.com">< /a>
  5. 可以是Email地址。例:< a herf="email>請給我傳送郵件< /a> to:"2603666984@qq.com"
  6. 可以是電話:< a herf="tel:18337921839">聯絡我們< /a>

target:(規定在什麼地方開啟連線)

  1. _blank(在新視窗開啟頁面)
  2. _self 這個是預設的(在當前視窗開啟頁面)
  3. _parent(在父框架開啟超連結)
  4. _top(在整個視窗中開啟頁面)

title    滑鼠懸停到元素的時候提示的文字

a標籤未被啟用的時候字型預設是藍色的,啟用後是紫色的,按下的時候是紅色的。

全域性屬性(任何標籤都能用的屬性):

title  滑鼠懸停的時候顯示的文字。

style  定義css樣式。

class  定義一類,在頁面中的屬性值是可以重複的。

id  定義id在頁面的屬性值是惟一的。

class和id的區別:class和id都有一個起名字的作用只不過class可以看成我們的名字id可以看成我們的身份證號。

連結的連結型別:

  1. 文字連線,例:<a herf="http://baidu.com">百度</a>
  2. 圖片連結,例:<a herf="www.baidu.com"><img src="圖片地址" alt="圖片載入失敗" title="點選">點選進入百度</a>
  3. 空連結(不做跳轉),例:
    • <a herf="#">空連結</a>(雖然不做跳轉但可以回到頂部)
    • <a herf ="javascript"<空連結</a>(點選既不會跳轉也不會回到頂部)
  4. 錨點連結,例:<a herf ="# +id">錨點連結</a>
  5. 目標標籤中寫一個id,a標籤中寫#+目標標籤的id。

相關文章