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

5 12霞

于 2024-08-03 17:40:19 发布

阅读量1k

点赞数 30

分类专栏： HTML 文章标签：前端 html javascript

本文链接：https://blog.csdn.net/weixin_53597021/article/details/140681405

版权

超链接简介

超链接，英文名是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