html用于设置超链接 7.HTML超链接
人气:233 ℃/2024-01-10 06:16:18
超链接
- 链接分为两种,第一种是指向自己网站的另一个页面,另一种是指向其他的网站;
- 创建超链接,首先创建一个<a>元素,它被称为锚点,<a></a>这个标签中间是我们需要显示的内容;除此之外,我们还需要通过href属性去执行URL;如下方所示:
<a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML">MDN Web Docs</a>
当我们点击该文字时,即会跳转至该网站;
- 但是默认情况下,你会发现链接跳转时会覆盖我们的网站,如果我们希望从新标签页面打开超链接,我们需要添加如下属性:
<a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML" target="_blank">MDN Web Docs</a>
跳转至自己网站其他页面例如,首先我们在vs中创建一个页面,为了演示,写了一个最简单的页面;
- 之后我们在index.html中添加超链接即可
<a href="./blog.html">BLOG</a>
- 如图所示,我们跳转到博客页面时候,应该有个回到首页的快捷方式,所以我们在blog.html中也添加一条index.html的超链接
<a href="./index.html">回到首页</a>
- 但是有时候我们想创建一个超链接,但是我们并不知道想要跳转到哪里去,怎么办?如下图所示:
<a href="#">挑战</a> <a href="#">弹性盒子</a> <a href="#">CSS</a>
这样在页面上是一个超链接,但是它不会指向任何地方;
结合之前和本章的练习,我们需要实现如下页面:
- 12-11平水韵归类有何规律 谈谈,平水韵的来龙去脉
- 11-25蛋白尿会带来哪些危害?长期蛋白尿有什么危害
- 11-03刘昊然被问女友 国民男友刘昊然打球后抠脚疑似闻手
- 10-14跳绳怎么跳对跑步有帮助?跳绳比跑步更有效跳绳5分钟
- 09-16美图手机的android怎么更新?美图手机MEIOS3.6竟然有这么多你不知道的隐藏功能
- 03-2810楼好吗有什么说法和忌讳?十楼为什么不吉利有什么讲究
- 10-09鹿晗被狗仔跟拍发怒完整:鹿晗又被狗仔拍到喝醉走路不稳
- 04-06分手后对前任念念不忘该挽回吗?对前任想念不断情未尽
- 11-11千手观音聋哑人表演:当年春晚,千手观音聋哑人领舞
- 10-28爆笑校园呆头为什么有钱?爆笑校园呆头厕所是金子做的
- 10-30舅舅的笑话:幽默段子,舅舅你知道
- 12-09垂吊花的养护方法:五种,垂吊花
- 04-09作文写作格式思维导图 一张思维导图让孩子40分钟搞定高分作文
- 03-01大神们帮我看看我的电脑配置单,大家帮忙看下这电脑配置能值多少钱
- 03-12吃什么食物消炎消肿最快?伤口的诱惑
- 02-21英雄联盟神仙颜值女英雄:英雄联盟最强青铜女歌神
热门
推荐
- 1手机能够定位找人吗272
- 2凉拌黄瓜变蛋的做法377
- 3表达单身的句子152
- 4大三学生自我鉴定优秀的范文454
- 5背影课文原文175
- 6《孤独之旅》教学设计范文精选3篇166
- 7治疗老年斑偏方105
- 8蛇吃黄鳝打一歇后语的答案384