2025年前端第二章:8.HTML超链接代码写法;id属性

前端第二章:8.HTML超链接代码写法;id属性一 超链接介绍 0 超链接 是 行内元素 但是可以放 块元素 1 从一个页面跳转到另一个页面 2 或者跳转到当前页面的其他位置 3 href 属性的值可以是 外部网站 也可以是同一个目录下的地址文件 如 xxx html 二 超链接 代码 1 超链接写法 lt a href

大家好,我是讯享网,很高兴认识大家。

一、超链接介绍

0.超链接 是 行内元素,但是可以放 块元素
1.从一个页面跳转到另一个页面
2.或者跳转到当前页面的其他位置
3.href 属性的值可以是 外部网站,也可以是同一个目录下的地址文件,如 xxx.html

二、超链接·代码

1.超链接写法:

<a href="你想要跳转到的网址"> 超链接的字样 </a> 

讯享网

2.示例(外部网站 和 同一个目录下的html 都可以写进href名值对结构中):
在这里插入图片描述
讯享网

3.浏览器内显示(紫色字样表示你最近访问过,蓝色代表没有访问过):
在这里插入图片描述
4.访问一下同一目录下的 hello.html 页面吧!
在这里插入图片描述

三、超链接名值对 target · 代码

1.在当前界面打开超链接(target名值对默认值)

讯享网<a href="你想要跳转到的网址" target="_self"> 超链接的字样 </a> 

2.在新标签页打开超链接

<a href="你想要跳转到的网址" target="_blank"> 超链接的字样 </a> 

四、超链接回到当前页面顶部 · 代码

1.当阅览比较长的文章时,可以通过一个超链接直接回到当前页面顶部

讯享网<a href="#">回到顶部</a> 

2.页面效果(点击就会回到顶部)
在这里插入图片描述

五、id属性 · 代码

0.id 应该是字母开头

1.id属性有点类似于 goto,是一个可以定位的 goto

2.我们能够给一个元素添加id属性,但是一个html文件中,id值不能重复(而且id属性区分大小写)

3.我们几乎能给任何一个标签添加 id属性,示例:
在这里插入图片描述

4.跳转到 指定id 的位置(靠这个我们能跳转到当前页面的任何位置!goto万岁):

<a href="#标签名">超链接的名称</a> 

六、什么都不会做的超链接 · 代码

讯享网<a href="javascript:;">超链接的名字</a> 

七、超链接·易错点

1.超链接元素内 不能嵌套 超链接本身
2.在写代码时不要忘记超链接中间的 标签体!否则你会在网页中看不见超链接
3.href 名值对的值可以使用 相对路径进行访问,写法和 linux 中一样

小讯
上一篇 2025-01-07 14:04
下一篇 2025-02-09 15:26

相关推荐

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/37916.html