用python做电商网站,小程序开发哪家好,网站推广的必要性,教务管理系统密码忘记了怎么办大家应该都知道#xff0c;a标签主要是转跳链接#xff0c;接下来#xff0c;让我为大家介绍一下a标签的使用#xff01;
主要的作用#xff1a;从当前页面进行跳转
标签名标签语义常用属性单/双标签a超链接href#xff1a;要跳转的具体位置 target#xff1a;跳转时如…大家应该都知道a标签主要是转跳链接接下来让我为大家介绍一下a标签的使用
主要的作用从当前页面进行跳转
标签名标签语义常用属性单/双标签a超链接href要跳转的具体位置 target跳转时如何打开页面常用值如下:_self在本页签中打开blank在新页签中打开双
一、跳转页面
代码介绍
!DOCTYPE html
html langen
headmeta charsetUTF-8title/title
/head
body!-- a标签的简单写法 --!-- 转跳页面 用百度的链接为大家演示一下 --a hrefhttp://baidu.com点击跳转百度/a!-- 使用target 属性值为_self --a hrefhttp://baidu.com target_self点击跳转百度_self/a!-- 使用target 属性值为_blank --a hrefhttp://baidu.com target_blank点击跳转百度_blank/a
/body
/html来看下面的GIF动图看看区别在哪 这是区别所在
注意点 1.代码中的多个空格、多个回车都会被浏览器解析成一个空格 2.虽然 a 是行内元素但 a 元素可以包裹除它自身外的任何元素
扩展一个知识 我们发现我们点完链接链接变了颜色我们可以变回原来的颜色吗 就拿我的双核浏览器举例 第一步 第二步 第三步 来看看我们a标签
二、跳转到锚点
什么是锚点? 网页中的一个标记点
我拿代码为大家演示一下如果大家复制的时候千万要注意img标签的路径可以拿自己有的图片代替
!DOCTYPE html
html langen
headmeta charsetUTF-8title/title
/head
bodya href#test我们要看22222的图片/aa href#test1我们要看33333的图片/ap11111111111111111111/pimg src./1.webp alt!-- 第一种方法 使用name --a nametest/ap22222222222222222222/pimg src./2.webp alt!-- 第二种方法 使用id --a idtest1/ap33333333333333333333/pimg src./1.webp alta href/ap44444444444444444444/pimg src./2.webp altbr!-- 回到顶部 --a href#回到顶部/abr!-- 刷新页面 --a href刷新页面/a
/body
/html看下面的GIF
注意点 1.具有 href 属性的 a 标签是超链接具有 name 属性的 a 标签是锚点 2.name 和 id 都是区分大小写的且 id 最好别是数字开头 !-- 转跳到test1 --a href#test1去test1锚点/a!-- 跳到本页面顶部 --a href#转跳到顶部/a!-- 跳转到其他页面锚点 --a hrefindex.html#test1去index.html页面的test1锚点/a!-- 刷新本页面 --a href刷新页面/a!-- 执行一段js,如果还不知道执行什么可以留空javascript:; --a hrefjavascript:alert(1);点我弹窗/a三、唤起指定应用
通过 a 标签可以唤起设备应用程序 在手机上使用效果更好 !-- 唤起设备拨号 --a hreftel:10086电话联系/a!-- 唤起设备发送邮件 --a hrefmailto:10086qq.com邮件联系/a!-- 唤起设备发送短信 --a hrefsms:10086短信联系/a感谢大家的阅读如有不对的地方可以向我提出感谢大家
