美文网首页
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笔记--超链接标签

    HTML笔记--超链接标签 标签(空格分隔): HTML 超链接标签 链接资源 显示连接的内容 百度这样的效果就是...

  • 认识html

    认识html 文本标签 列表标签 图片标签 超链接(重点!!!!!!!!!!!!!) 表格标签

  • WEB前端的学习阶段

    HTML阶段:HTML文档结构——段落标签——文字标签——图片标签——超链接标签——列表标签——表格标签——表单标...

  • 2018-09-17 ----html总结

    html简介 head标签 文本标签 图片和超链接 表格标签

  • Swift YYLabel处理Html富文本超链接跳转

    一、返回html数据是: p标签, a标签包含的显示文本 二、非HTML文本包含超链接,点击超链接跳转 三、工具类...

  • Day21HTML

    HTML标签 文本标签 列表标签 图片和超链接 数据表格 复杂表格

  • 初识HTML

    HTML基础 文本标签 列表 图片和超链接 表格 homework.html

  • TextView

    学习知识点:1.使URL 电话 Email 显示超链接2.利用HTML标签实现超链接3.利用HTML标签插入图片4...

  • html基础

    html标签 文本标签 列表标签 图片和超链接 数据表格 不规则表格

  • html超链接标签

    文本或图像

网友评论

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

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