html链接标签

最新推荐文章于 2024-07-12 20:49:16 发布

摘一颗星星

最新推荐文章于 2024-07-12 20:49:16 发布

阅读量391

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/qq_45192812/article/details/122869445

版权

html链接标签

1、代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签学习</title>
</head>
<body>

<!--使用name作为标记-->
<a name ="top">顶部</a>

<!--a标签
href : 必填，表示要跳转到哪个页面
target : 表示窗口在哪里打开
        -blank 在新标签中打开
        -self 在自己的网页中打开
-->

<a href="3.图像标签学习.html" target="_blank">点击跳转页面</a><br/>
<a href="https://www.baidu.com" target="_self">点击跳转百度界面</a><br/>

<a href="1.我的第一个网页.html">
  <img src="../resources/image/img1.jpg" alt="原神图像" title="悬停文字" width="400" height="300">
</a>

<p>
    <img src="../resources/image/img1.jpg" alt="原神图像" title="悬停文字" width="400" height="300">
</p>

<p>
    <img src="../resources/image/img1.jpg" alt="原神图像" title="悬停文字" width="400" height="300">
</p>

<p>
    <img src="../resources/image/img1.jpg" alt="原神图像" title="悬停文字" width="400" height="300">
</p>

<p>
    <img src="../resources/image/img1.jpg" alt="原神图像" title="悬停文字" width="400" height="300">
</p>

<p>
    <img src="../resources/image/img1.jpg" alt="原神图像" title="悬停文字" width="400" height="300">
</p>

<p>
    <img src="../resources/image/img1.jpg" alt="原神图像" title="悬停文字" width="400" height="300">
</p>



<!--锚链接
1.需要一个锚标记
2.跳转到标记
-->
<a href="#top">回到顶部</a>

<a name="down"></a> <br/>

<!--功能性链接
邮件链接：mailto:
QQ链接：
-->

<a href="mailto:123456789@qq.com">联系我</a>
</body>
</html>

2、运行结果

在这里插入图片描述

点击回到顶部，可以回到标签<a name ="top">顶部</a> 处

摘一颗星星

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html链接标签

html链接标签1、代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>链接标签学习</title></head><body><a name ="top">顶部</a><!--a标签href : 必填，表示要跳转
复制链接

扫一扫