web超级链接方法

Web期末笔记：超链接 使用方法

一、基础语法
显示文字/图片
二、四种常用链接写法

1. 外部网页链接（跳外网）
   百度
2. 本地页面跳转（站内页面）

同文件夹直接写文件名：
首页
3. 空链接（暂时无地址，#占位）
暂无链接
4. 锚点链接（页面内跳转）

1. 目标位置设置id：

   标题

2. 链接href="#id名"
   跳到标题
   三、target 打开方式属性

• target="_self" 默认，当前窗口打开

• target="_blank" 新窗口打开（考试高频）
新页面打开
四、图片超链接

把放进a标签内，点击图片跳转



五、超链接CSS伪类顺序（LVHA必背）

1. a:link 未访问链接

2. a:visited 已访问链接

3. a:hover 鼠标悬浮（最常用）

4. a:active 鼠标点击瞬间
   a:link {color:#333; text-decoration:none;}
   a:hover {color:blue;}
   六、简答题考点

5. 如何让链接在新窗口打开？
   答：给a标签添加 target="_blank"。

6. 怎么去掉链接默认下划线？
   答：text-decoration: none;

7. 锚点链接作用？
   答：实现同一页面内上下快速跳转。