前端学习 -- 超链接

简介: 作用:可以使当前页面跳转到其他的页面。链接的文字属性:href:指向链接跳转的目标地址,比如:https://jx.tmall.com/?ali_trackid=2:mm_119571818_19816570_68286330:1489331178_3k3_1128597987,可以是一个相对路径;还可以是#id属性值,这样当点击超链接以后,将会跳转到当前页面的指定位置;可以使用mailto:来创建一个发送电子邮件的超链接。

作用:可以使当前页面跳转到其他的页面。

<a>链接的文字</a>

属性:

  1. href:指向链接跳转的目标地址,比如:https://jx.tmall.com/?ali_trackid=2:mm_119571818_19816570_68286330:1489331178_3k3_1128597987,可以是一个相对路径;
  2. 还可以是#id属性值,这样当点击超链接以后,将会跳转到当前页面的指定位置;
  3. 可以使用mailto:来创建一个发送电子邮件的超链接。

target:

  1. _self:默认值,默认在当前窗口打开链接;
  2. _blank:在新窗口中打开链接;
  3. 内联框架的name属性值:在指定的内联框架中打开链接;
<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>超链接</title>
    </head>
    <body>
        <h1>我是demo04</h1>
        <!-- 
            使用超链接可以让我们从一个页面跳转到另一个页面
            使用a标签来创建一个超链接    
            属性:
                href:指向链接跳转的目标地址,可以写一个相对路径也可以写一个完整的地址
        -->
        
        <a href="http://www.baidu.com">我是一个超链接</a> <br /><br />
        
        <a href="http://www.baidu1234567.com">我是一个超链接</a> <br /><br />
        
        <!-- 
            a标签中的target属性可以用来指定打开链接的位置
                可选值:
                    _self,表示在当前窗口中打开(默认值)
                    _blank,在新的窗口中打开链接
                    可以设置一个内联框架的name属性值,链接将会在指定的内联框架中打开
        -->
        <a href="demo03.html" target="tom">我是一个超链接</a>
        
    </body>
</html>

 

相关文章
|
2月前
|
前端开发 JavaScript 开发者
从零开始学习前端开发
前端开发是目前互联网行业中最为热门的职业之一。本文将介绍从零开始学习前端开发所需的基础知识和技能,包括HTML、CSS、JavaScript等方面的内容,并提供了一些实践性的建议和学习资源,帮助初学者快速入门。
61 1
|
3月前
|
前端开发 JavaScript
从零开始学习前端开发
前端开发是当前最热门的技术之一。本文将从零开始,详细介绍前端开发的基础知识和实践技巧,为初学者提供全面的学习指南。
30 0
|
3月前
|
设计模式 前端开发 算法
No210.精选前端面试题,享受每天的挑战和学习
No210.精选前端面试题,享受每天的挑战和学习
No210.精选前端面试题,享受每天的挑战和学习
|
3月前
|
消息中间件 缓存 前端开发
No209.精选前端面试题,享受每天的挑战和学习
No209.精选前端面试题,享受每天的挑战和学习
No209.精选前端面试题,享受每天的挑战和学习
|
3月前
|
前端开发 JavaScript Java
No208.精选前端面试题,享受每天的挑战和学习
No208.精选前端面试题,享受每天的挑战和学习
No208.精选前端面试题,享受每天的挑战和学习
|
2月前
|
存储 开发框架 前端开发
从零开始学习前端开发
前端开发是现代互联网应用程序开发中不可或缺的一部分。本文将带您从零开始学习前端开发,包括HTML、CSS和JavaScript等核心技术,以及常见的开发框架和工具。
|
3月前
|
Web App开发 前端开发 JavaScript
从零开始学习前端开发
在当今数字化时代,前端开发人员的需求越来越高。本文将介绍从零开始学习前端开发所需学习的技能和工具,以及如何将这些知识应用到实际项目中。
|
3月前
|
前端开发 JavaScript 开发工具
从零开始学习前端开发技术
随着互联网的快速发展,前端开发成为了一个备受关注的职业。本文将从零开始介绍前端开发所需的基础知识和技能,并重点介绍常用的HTML、CSS和JavaScript语言,帮助初学者快速入门前端开发。
35 0
|
3月前
|
存储 JSON 前端开发
No206.精选前端面试题,享受每天的挑战和学习
No206.精选前端面试题,享受每天的挑战和学习
No206.精选前端面试题,享受每天的挑战和学习
|
9天前
|
前端开发 JavaScript Java
通过学习mayfly,我学会了前端如何优雅设计字典值
`shigen`是一位擅长多种编程语言的博主,他在探索[mayfly-go](https://juejin.cn/post/7319365035552309248)项目后,发现了对枚举值管理的优雅设计。他分享了如何将字典和枚举值结构化,使用Vue+typescript实现更易维护的代码。通过创建`TagType`和`EnumValue`类,以及提供静态方法,实现了模块化和简洁的字典处理。示例展示了如何在页面中高效引用和显示字典数据,提高了代码的可读性和可维护性。
16 3
通过学习mayfly,我学会了前端如何优雅设计字典值