当前位置: 首页 > news >正文

HTML05:超链接标签及应用

链接标签

<a href="path" target="目标窗口位置">链接文本或图像</a>
  • 文本超链接
  • 图像超链接
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>链接标签学习</title>
</head>
<body>
<a id="top">顶部</a>
<!--a标签
href:标签,表示要跳转到那个页面
target:表示窗口在哪里打开_blank:在新标签中打开_self:在自己的网页中打开_parent:_top:-->
<a href="1.我的第一个网页.html" target="_blank">点击我跳转到页面一</a><br/>
<a href="https://www.baidu.com" target="_self">点击我跳转到百度</a>
<br/>
<a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="html5" title="html5" width="281" height="180">
</a>
<p><a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="html5" title="html5" width="281" height="180"></a>
</p><p><a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="html5" title="html5" width="281" height="180"></a>
</p><p><a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="html5" title="html5" width="281" height="180"></a>
</p><p><a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="html5" title="html5" width="281" height="180"></a>
</p><p><a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="html5" title="html5" width="281" height="180"></a>
</p><p><a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="html5" title="html5" width="281" height="180"></a>
</p><p><a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="html5" title="html5" width="281" height="180"></a>
</p><p><a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="html5" title="html5" width="281" height="180"></a>
</p><p><a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="html5" title="html5" width="281" height="180"></a>
</p><p><a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="html5" title="html5" width="281" height="180"></a>
</p><p><a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="html5" title="html5" width="281" height="180"></a>
</p><p><a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="html5" title="html5" width="281" height="180"></a>
</p><p><a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="html5" title="html5" width="281" height="180"></a>
</p><p><a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="html5" title="html5" width="281" height="180"></a>
</p><p><a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="html5" title="html5" width="281" height="180"></a>
</p><p><a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="html5" title="html5" width="281" height="180"></a>
</p><p><a href="1.我的第一个网页.html"><img src="../resources/image/1.jpg" alt="html5" title="html5" width="281" height="180"></a>
</p><!--锚链接
1.需要一个锚标记
2.跳转到标记
#
-->
<a href="#top">回到顶部</a>
<a id="down">down</a>
<!--功能性链接
邮箱链接:mailto:
-->
<a href="mailto:201250938@qq.com">点击联系我</a><a href=""></a>
</body>
</html>

相关文章:

  • 永磁同步电机控制算法--基于PI和前馈的位置伺服控制
  • 告别(Python)if elif else错误使用方法
  • 介绍分治、动态规划、回溯分别是什么?有什么联系和区别?给出对象的场景和java代码?
  • 【硬核攻坚】告别CUDA OOM!DeepSeek部署显存瓶颈终极解决方案:三大策略高效落地
  • day04_计算机常识丶基本数据类型转换
  • 15.日志分析入门
  • 架构思维:构建高并发读服务_热点数据查询的架构设计与性能调优
  • 三维重建(二十一)——第二步和第三步
  • 数据集-目标检测系列- 印度人脸 检测数据集 indian face >> DataBall
  • 对于1年来开发的程序化股票交易的做一个总结
  • linux inotify 资源详解
  • 【Qt】配置环境变量
  • 《赤色世界》彩蛋
  • 如何判断node节点是否启用cgroup?
  • Windows 自带删除缓存
  • VTK 数据读取/写入类介绍
  • SpringBoot整合RabbitMQ(Java注解方式配置)
  • android-ndk开发(3): 连接设备到开发机
  • Java面试:微服务与大数据场景下的技术挑战
  • 模块方法模式(Module Method Pattern)
  • 上海小学生暑(寒)托班会增设开办期数、延长办班时间吗?团市委回应
  • 竞彩湃|英超欧冠悬念持续,纽卡斯尔诺丁汉能否拿分?
  • 气急败坏!20多名台湾艺人被台当局列为“重点核查对象”
  • 坚决打好产业生态培育攻坚战!陈吉宁调研奉贤区
  • 定制基因编辑疗法治愈罕见遗传病患儿
  • 深圳南澳码头工程环评将再次举行听证会,项目与珊瑚最近距离仅80米