美文网首页
HTML笔记--超链接标签

HTML笔记--超链接标签

作者: 醒着的码者 | 来源:发表于2016-05-28 00:40 被阅读161次

    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>`
    

    相关文章

      网友评论

          本文标题:HTML笔记--超链接标签

          本文链接:https://www.haomeiwen.com/subject/nkyfdttx.html