HTML小白入门学习3(超链接、锚点功能)

   日期:2024-12-26    作者:vi219 移动:http://3jjewl.riyuangf.com/mobile/quote/56446.html

http://t.csdn.cn/EY5xE(入门学习1

http://t.csdn.cn/zpRi9 (入门学习2

前面学习文章的链接我给大家放在这里哦,大家可以巩固学习

超链接是什么?我们可以从3个功能,2个属性和1个补充来学习了解它,超链接是行内元素,特殊的行内元素,它里面什么都能放,能放块元素,行内元素,行内块元素,除了它自己。超链接可以是任何内容,可以是一个字,一段文字,图片,表格。

3个功能

1、从一个页面跳到另一个页面

2、当前页面进行跳转

3、下载

2个属性

1、href 属性   指定超链接跳转的地址

                       绝对地址  完整的网址  无论你的超链接在哪里,只要点击,就可以跳到对应的网站

                       相对地址  本地的页面  跟你的超链接文件的位置有关系

                       https://blog.csdn.net/Antoine__/article/details/   你在的文件跟你要去的文件在同一目录下   https://blog.csdn.net/Antoine__/article/details/可以省略,默认是加了https://blog.csdn.net/Antoine__/article/details/

                       https://blog.csdn.net/Antoine__/article/  跳出当前的文件夹,来到上一级目录下(前面说的 https://blog.csdn.net/Antoine__/article/details/ 用法在这里补充了哈

                       相对路径的跳转方式和很多标签标签的跳转都有关系,例如图片、音视频等等

2、target属性  指定超链接新开页面的打开方式

                        可选值

                        _self   在当前页面打开超链接

                        _blank  新开一个页面打开超链接

1个补充

空链接的写法

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

        <a href="JavaScript:;">空链接2</a>

:空链接的意思就是点击超链接模块没有跳转,默认是在当前页面中,如果空链接设在底部,点击会回到顶部,但是href属性后面的属性值不可以不写,不写不符合规范,可以先用 # 号或者JavaScript:;代替写着,等到要插入链接是再更改。

代码及效果展示

 

锚点功能就是在当前页面进行跳转

点击超链接实现  去顶部 去底部  去中间   去任意的位置

去顶部:href里写 #  

去任意的位置:  给你要去位置打个id属性,设置任意id属性值

                            href里:#id属性值

设置id属性值

            1、id属性值,是独一无二的,不能重复使用

            2、id属性值,是自定义设置,但不能以数字开头

            3、id属性值,最好不要是汉字,不符合规范要求

代码展示(我给大家个举列子的代码,大家可以拷贝下来试试效果,帮助理解

 


特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


举报收藏 0评论 0
0相关评论
相关最新动态
推荐最新动态
点击排行
{
网站首页  |  关于我们  |  联系方式  |  使用协议  |  隐私政策  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号