零基础教你超级链接

超级链接

一.使用方法

1.空连接作用:

保留链接样式与可点击状态

临时锚点跳转

方便绑定交互事件

空链接应用场景:

页面开发占位

实现返回顶部功能

制作纯样式按钮

绑定JS交互事件

测试交互效果

<a href="#">空连接</a>

2.网站同级内部跳转

<h1><a href="xx.html"></a></h1>

锚记:页面长的时候快速回到开头

tips: .和class配合

和id配合

同一链接设置不同样式

1.在head中设置style标签,在其中编写几种不同的link样式

屏幕截图 2026-04-03 130925

2.在body中编写链接

屏幕截图 2026-04-03 130915

编写4个标题一,分别设置样式为:

第1和3同一样式,2和4同一样式

1.在head中设置style标签,在其中编写样式

2.在body中设置 h1

屏幕截图 2026-04-03 131407

posted @ 2026-04-10 10:51  崔雅楠  阅读(21)  评论(0)    收藏  举报