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

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>
http://www.xdnf.cn/news/3992.html

相关文章:

  • C++笔记之反射、Qt中的反射系统、虚幻引擎中的反射系统
  • 利用jQuery 实现多选标签下拉框,提升表单交互体验
  • 动态指令参数:根据组件状态调整指令行为
  • AI Agent开发第50课-机器学习的基础-线性回归如何应用在商业场景中
  • 软考 系统架构设计师系列知识点 —— 黑盒测试与白盒测试(1)
  • GStreamer开发笔记(三):测试gstreamer/v4l2+sdl2/v4l2+QtOpengl打摄像头延迟和内存
  • 电赛经验分享——模块篇
  • android-ndk开发(4): linux开发机有线连接android设备
  • 命令模式(Command Pattern)
  • [USACO1.1] 坏掉的项链 Broken Necklace Java
  • C++ -- 内存管理
  • 探寻适用工具:AI+3D 平台与工具的关键能力及选型考量 (AI+3D 产品经理笔记 S2E03)
  • Java面试:微服务与大数据场景下的技术挑战
  • 《MATLAB实战训练营:从入门到工业级应用》高阶挑战篇-《5G通信速成:MATLAB毫米波信道建模仿真指南》
  • MySQL JOIN详解:掌握数据关联的核心技能
  • 【翻译、转载】【译文】模型上下文协议(Model Context Protocol, MCP)简介
  • java技术总监简历模板
  • Q_OBJECT宏的作用
  • 3.9/Q2,Charls最新文章解读
  • 基于 AI 的人像修复与编辑技术:CompleteMe 系统的研究与应用
  • 网络编程,使用select()进行简单服务端与客户端通信
  • 56、【OS】【Nuttx】编码规范解读(四)
  • NV214NV217美光闪存固态NV218NV225
  • Jasper and Stella: distillation of SOTA embedding models
  • P1802 5 倍经验日
  • 【AI提示词】 复利效应教育专家
  • Python实例题:Python获取NBA数据
  • 大连理工大学选修课——图形学:第三四章 基本图形生成算法
  • 低速总线:IIC和SMBUS
  • JAVA---继承