HTML筆記--超鏈接標簽

HTML筆記--超鏈接標簽

標簽(空格分隔): HTML


超鏈接標簽

  • 鏈接資源
    • <a href= "鏈接到資源的路徑,本地或者網絡路徑">顯示連接的內容</a>

    • 百度
      這樣的效果就是同如下代碼實現的:如<a href = "www.baidu.com">百度</a>

    • 屬性:target:設置打開方式:

      • 默認為當前頁打開: _self
      • 新建標簽頁打開: _blank
    • 當超鏈接不需要跳轉到話:需要在href的值設置占位符;

      • 方式代碼為為:<a href="#">這是一個不需要跳轉的連接</a>
  • 定位資源
    • 如果想要定位一個位置:如網頁上的“回到頂部”功能;
    • 這時需要先定義一個位置,然后在使用超鏈接標簽跳轉到該位置:
      • 定義位置:<a name = "top">TOP</a>
      • 使用超鏈接跳轉到頂部:<a href="#top">回到頂部</a>
        示例:
  `<html>  
    <body>
        <a name="top"><img src="p.jpg" alt="this is a picture"/></a>    
        <pre> 
        極客學院視頻網盤下載地址:    鏈接: 密碼:                         后續正在更新~ 極客學院官網視頻下載工具和方法 鏈接:
        密碼:ewsj極客學院視頻網盤下載地址: 鏈接:密碼: 后續正在更新~ 
        極客學院官網視頻下載工具和方法
        鏈接:密碼:ewsj極客學院視頻網盤下載地址:
        鏈接:密碼: 后續正在更新~                            
        極客學院官網視頻下載工具和方法 鏈接:密碼:  
        </pre>
        <a href="#top">回到頂部</a>  
      </body> 
    </html>`
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容