超链接
超链接
》通过点击文件或图片进行的跳转操作
<a href="目标地址” target=“目标位置”>文字或者图片</a>
》href属性:要跳转的目标地址,可以是项目内部其他页面,也可以是外部的其他网站,比如百度
》target属性:新页面的显示位置
可取的值有:
》_blank:在新的空白页显示新页面
》_self:在当前页面显示新页面,默认值,如果不设置,,会在当前页面显示新页面
》_top:在上级页面显示新页面
》_parent:在父页面中显示新页面
》a标签属于行级标签
》<a>创建一个超级链接
<a href="http://www.baidu.com" target="_blank">百度一下</a>
<a href="test03.html" target="_blank">跳转到内部的test03.html</a>
<a href="test03.html" target="_blank">跳转到内部的test03.html</a><img src="test.png" heght="100px"></a>
》超链接的三类应用场合
1、页面间链接
2、锚链接:一般用在一个页面内容较多出现了纵向滚动条,可以通过锚链接迅速定位目标位置
<a href="#model1">
模块一:锚链接
</a>
<a name ="modell">
模块一的具体内容
</a>
01.确定锚点位置
<a name="锚点位置">目标位置</a>
》name:名称,使用英文和数字
02.创建锚链接,用于定位到锚点位置
<a href="#锚点名称”>当前位置</a>
03.通过点击当前位置就可以直接定位到目标位置
》只有页面出现纵向滚动条才会生效,否则没有作用
》页面间锚链接的访问
》锚点位置定义不变
》锚链接的语法
<a href="页面路径#锚点名称">文字</a>
<a href="test05.html#model1">跳转到test05.html</a>
3、功能性链接
<a href="mailto:12345@163.com">联系我们</a>
__EOF__

本文链接:https://www.cnblogs.com/longmo666/p/13554321.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)