【网页前端设计HTML】超链接

avatar
作者
猴君
阅读量:0

超链接简介

超链接,英文名是hyperlink。每一个网站都是由非常多的网页组成,而页面之间通常都是通过超链接来相互关联的。超链接能够让我们在各个独立的页面之间方便地跳转。

一、a标签

在HTML中,我们可以使用a标签来实现超链接。
语法:

<a href="链接地址">文本或图片</a>  

说明:href→Hypertext Reference,href表示你想要跳转到那个页面的路径(也就是地址),可以是相对路径,也可以是绝对路径。
超链接的范围非常广,我们可以将文本设置为超链接,这个叫做“文本超链接”。也可以将图片设置为超链接,这个叫做“图片超链接”。
⭐文本超链接

<!DOCTYPE html> <html> <head>     <meta charset="utf-8" />     <title></title> </head> <body>     <a href="https://www.csdn.net/">CSDN</a> </body> </html> 

⭐图片超链接

<!DOCTYPE html> <html> <head>     <meta charset="utf-8" />     <title></title> </head> <body>    <a href="http://www.4399.com"><img src="img/game.png" alt="4399小游戏"/></a> </body

    广告一刻

    为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!