JavaWeb学习之路(18)–HTML之超级链接

分手后的思念是犯贱 2022-09-14 00:15 236阅读 0赞

***[点此查看全部文字教程、视频教程、源代码][Link 1]***

### 本文目录 ###

*  1. 前言
 *  2. 跳转指定网址页面
 *  3. 跳转当前网站其他网页
 *  4. 在新窗口中打开网页
 *  5. 小结

# 1. 前言 #

超级链接是HTML中极其精彩的设计。

网页之所以让人感觉功能无限，丰富多彩，就在于网页上的超级链接，当我们点击超级链接时，可以跳转到一个新的页面，查看该链接对应的内容。

在一层一层的链接中，网站的内容得到极大的延展，用户也得以从互联网上获取海联的信息。

本篇我们就来讲解下超级链接的使用。

# 2. 跳转指定网址页面 #

可以使用超级链接跳转指定网址的页面，例如下面的例子会跳转到百度：

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

效果如下，点击文本百度，则跳转到对应的网址：`http://www.baidu.com`。  
![在这里插入图片描述][d91a55dd65624f90993b3df796104ad8.png_pic_center]

# 3. 跳转当前网站其他网页 #

href属性也可以指向当前网站的其他网页，例如：

<a href="1.html">网页1</a>
        <a href="pages/2.html">网页2</a>

则点击【网页1】，会跳转到当前网页同目录下的1.html；而点击【网页2】，会跳转到pages文件下的2.html。

# 4. 在新窗口中打开网页 #

有时候，我们点击超级链接时，并不希望新网页替换当前网页，而是弹出一个新窗口加载新页面，这样的好处是还可以轻松返回查看老页面。

此时可以使用target属性，当target属性值为\_blank时，点击超链接会弹出新窗口打开网页，实例如下：

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

# 5. 小结 #

超级链接非常重要，要掌握本节的内容，需要自己编写网页逐一实现上面的要点。

[Link 1]: https://studyingpanda.blog.csdn.net/article/details/105329926
[d91a55dd65624f90993b3df796104ad8.png_pic_center]: /images/20220828/70d7d060cdce4c56ae3bbd130e64e3ac.png

发表评论取消回复

表情：

评论列表（有 0 条评论，236人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaWeb学习之路(23)–HTML综合实例

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 背景 2. 开发流程 2.1 网站功能设计 2.2 建

淡淡的烟草味﹌/ 2022年09月15日 05:33/ 0 赞/ 231 阅读

相关 JavaWeb学习之路(21)–HTML之表格

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 前言 2. 表格标签 3. 表格的行与列 4. 页眉 5. 页

Bertha 。/ 2022年09月14日 13:27/ 0 赞/ 256 阅读

相关 JavaWeb学习之路(18)–HTML之超级链接

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 前言 2. 跳转指定网址页面 3. 跳转当前网站其他网页 4. 在新

分手后的思念是犯贱/ 2022年09月14日 00:15/ 0 赞/ 237 阅读

相关 JavaWeb学习之路(17)–HTML之图像

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 前言 2. 显示一张图片 3. 图片的可替换文本 4. 将图片放入文

╰半橙微兮°/ 2022年09月13日 05:25/ 0 赞/ 227 阅读

相关 JavaWeb学习之路(15)--HTML之注释

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 注释 2. 程序注释 3. HTML注释 4. 注释的作用 5

超、凢脫俗/ 2022年09月12日 11:52/ 0 赞/ 251 阅读

相关 JavaWeb学习之路

[点此查看全部文字教程、视频教程、源代码 ][Link 1] 本文目录 1. HTML篇 2. CSS篇 3. JavaScript篇

淡淡的烟草味﹌/ 2022年09月12日 10:59/ 0 赞/ 264 阅读

相关 JavaWeb学习之路(14)--HTML之水平线hr

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 水平线的概念 2. 水平线的用法 3. 小结 1. 水平线的概念

我不是女神ヾ/ 2022年09月12日 07:47/ 0 赞/ 241 阅读

相关 JavaWeb学习之路(13)--HTML之网页类型声明

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 前言 2. HTML版本号 3. 网页类型声明 4. 一个完整的网页

阳光穿透心脏的1/2处/ 2022年09月12日 05:52/ 0 赞/ 99 阅读

相关 JavaWeb学习之路(6)--了解HTML之body标签

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 题外话 2. 关于标签 3. 学习一个重要标签\`\` 4. \`\

╰+攻爆jí腚メ/ 2022年09月11日 03:20/ 0 赞/ 191 阅读

相关 HTML之超链接

HTML文本之所以被称为超文本，就是因为它具有普通文本所不具有的超链接功能。我们在浏览HTML文档时，可以通过点击关键字（一个超链接），来跳转页面。要让超链接能够正常工作，

分手后的思念是犯贱/ 2022年06月04日 09:11/ 0 赞/ 319 阅读