html中的超链接(总结)

html中的超链接

首先我们来认识一下超链接标签,其作用是从一个页面链接到另一个页面
链接的语法格式:

<a href="跳转目标- target="目标窗口的弹出方式">文本或图像</a>

两个属性的作用如下:
请添加图片描述

1.外部链接

例如:

< a href="http:/ / www.baidu.com " target="_self">百度</a >.

注意:target="__self"是在当前页面打开,target="___blank"会在新窗口打开

2.内部链接

网站内部页面之间的相互链接.直接链接内部页面名称即可,例如< a href= “index.html”>首页

其中index.html是我们自己编写的HTML文件。

3.空链接

如果当时没有确定链接目标时,< a href="#">首页 .

<a href="#>公司地址</a>

4.下载链接

如果 href里面地址是一个文件或者压缩包,会下载这个文件。

4.下载链接:地址链接的是文件.exe或者是 zip等压缩包形式

5.网页元素链接

在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接.

<a href="http://wae . baidu.com"><img src="img.jpg" /></a>

6.锚点链接

锚点:定义页面内滚动跳转

页面内定义了“id”,可以通过a标签链接到它的页面滚动位置,前提是页面要足够高,有滚动条,且元素不能在页面顶部

点我们点击链接,可以快速定位到页面中的某个位置

实现案例:返回顶部功能
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-sc
  • 3
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值