首頁 > web前端 > html教學 > HTML中的超級連結標籤

HTML中的超級連結標籤

墨辰丷
發布: 2018-05-16 10:53:29
原創
2363 人瀏覽過

<!DOCTYPE html">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
登入後複製

  超連結標籤 a標籤常用的屬性:
  href  : 用於指定連結的資源
    target: 設定開啟新資源的目標。   _Blank 在獨立的視窗上開啟新資源   _self 在目前視窗開啟新資源 


file: file協定(檔案協定)這個協定主要是用來搜尋本機的資源檔案的。


格式:
file:\\\f:\美女\1.jpg    
 
a標籤的原理:
#1. a標籤的href屬性值如果是以http開頭的,那麼瀏覽器會馬上啟動http解釋器去解釋該網址,首先
    會在本地機器去找一個hosts文件, 如果在hosts文件上該網域沒有對應的主機,那麼瀏覽器就去到對應的
    dns伺服器去找該網域對應的主機號碼。如果找到了對應的主機,那麼該請求就會發給對應的主機。
    
    
#    2. 如果a標籤的href屬性值沒有以任何協定開頭,那麼瀏覽就會啟動file協定解釋器去解釋該資源路徑。
    
    3. 如果a標籤的href屬性值並不是以http開始,而且其他的一些協議,那麼這時候瀏覽器就回去到我們本地的註冊
    表中去查找是否有處理這種協議的應用程序,如果有,那麼馬上啟動該應用程式處理該協議。
    
郵件的協定: mailTo
迅雷的協定: thunder


 超連結標籤的功能:
  1. 可用於連結資源。
    2. 錨點點位.  
    1. 先寫一個錨點 錨點的格式:
資料
2. 使用a標籤的herf屬性連接到錨點出。 href=”#錨點的名字「    
    

<body>
<a href="www.baidu.com">百度</a>
    <a  target="_blank" href="2常用的标签.html">带你去看1.html</a><br/>
    如果有需要请发送邮件至:<a href="mailTo:123456@qq.com">123456@qq.com</a><br/>
    <a href="thunder://abc/aa一个人的武林.avi">一个人的武林(高清枪版).avi</a>
    <a name="top">顶部</a> <!--锚点 -->
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光
    月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光光光月光
    光光月光光光月光光光月光光光
   <a href="#top">回到顶部</a> 
    
</body>
</html>
登入後複製

相關推薦:

用vue讓a標籤點擊高亮(附程式碼)

html 圖像標記META標籤內聯框架超連結

#H5的頭部meta標籤如何使用

#

以上是HTML中的超級連結標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板