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>`
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容