HTML超链接标签

目录

1:页面间的链接

1.1 文字跳转:

1.2 图片跳转 

2:锚链接 

1:页面间的链接

1.1 文字跳转:




    
    链接标签



跳转百度

浏览器翻译如下:

HTML超链接标签_第1张图片 点击之后自动跳转到百度:

HTML超链接标签_第2张图片

1.2 图片跳转 

1.1 是点击了文字之后进行跳转,这里演示点击图片进行跳转。

这里图片地址可参考上一篇文章




    
    链接标签




    小狗图像


 浏览器翻译如下:

HTML超链接标签_第3张图片

点击之后跳转到百度地址

HTML超链接标签_第4张图片

 注意:

例如:当超链接的a标签中有target的属性,并且属性值为_blank时HTML超链接标签_第5张图片

 那么点击图片后就会跳转到一个新的窗口。

2:锚链接 

锚链接:从一个页面跳转到另外一个页面(同页面也行)的指定地方

跳转页面:




    
    图像标签学习


小狗图像
跳转

浏览器翻译后: 

HTML超链接标签_第6张图片 

注意:href 标签中"超链接标签.html"是一个被跳转的URL,那后面的#down是什么,往下看

被跳转页面:




    
    链接标签




    小猪图像


小猪图像
小猪图像
小猪图像
小猪图像
小猪图像
小猪图像

 注意:最下面有一个这个down是不是和跳转页面的那个down一样的,就相当于一个标记的意思,跳转到指定的地方

当点击跳转页面的跳转后,发现会自动跳转到被跳转页面的最下方。

HTML超链接标签_第7张图片

 发现跳转过来之后在最下方。如果是正常打开的话就是调到最上方,这就是锚链接的作用

你可能感兴趣的:(HTML,html,前端)