HTML超链接标签及应用

属性

属性 值 描述
charset char_encoding HTML5 中不支持。规定被链接文档的字符集。
coords coordinates HTML5 中不支持。规定链接的坐标。
download filename 规定被下载的超链接目标。
href URL 规定链接指向的页面的 URL。
hreflang language_code 规定被链接文档的语言。
media media_query 规定被链接文档是为何种媒介/设备优化的。
name section_name HTML5 中不支持。规定锚的名称。
rel text 规定当前文档与被链接文档之间的关系。
rev text HTML5 中不支持。规定被链接文档与当前文档之间的关系。
shape defaultrectcirclepoly HTML5 中不支持。规定链接的形状。
target _blank_parent_self_topframename 规定在何处打开链接文档。
type MIME type 规定被链接文档的的 MIME 类型。

实例

下面在代码实例中进行叙述

其中锚链接可以实现此处锚链接跳转到锚标记处的功能

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>链接标签</title>
</head>
<body>
<!--定义一个锚标记-->
<a name="top">顶部</a>
<!--a标签
href：必填，表示跳转到哪个网页
target：表示窗口在哪里打开_blank 在新标签中打开_self 在自己的网页中打开
-->
<a href="1.我的第一个网页.html" target="_blank">点击跳转到我的第一个网页</a>
<a href="https://www.baidu.com" target="_self">点击跳转到百度</a>
<hr/>
<a href="3.图像标签.html" target="_self"><img src="../resources/image/lufei.jpg" alt="路飞头像" height="200" width="200" title="海贼王">
</a>
<p><a href="3.图像标签.html" target="_self"><img src="../resources/image/lufei.jpg" alt="路飞头像" height="200" width="200" title="海贼王"></a>
</p>
<p><a href="3.图像标签.html" target="_self"><img src="../resources/image/lufei.jpg" alt="路飞头像" height="200" width="200" title="海贼王"></a>
</p>
<p><a href="3.图像标签.html" target="_self"><img src="../resources/image/lufei.jpg" alt="路飞头像" height="200" width="200" title="海贼王"></a>
</p>
<p><a href="3.图像标签.html" target="_self"><img src="../resources/image/lufei.jpg" alt="路飞头像" height="200" width="200" title="海贼王"></a>
</p>
<p><a href="3.图像标签.html" target="_self"><img src="../resources/image/lufei.jpg" alt="路飞头像" height="200" width="200" title="海贼王"></a>
</p>
<p><a href="3.图像标签.html" target="_self"><img src="../resources/image/lufei.jpg" alt="路飞头像" height="200" width="200" title="海贼王"></a>
</p>
<p><a href="3.图像标签.html" target="_self"><img src="../resources/image/lufei.jpg" alt="路飞头像" height="200" width="200" title="海贼王"></a>
</p>
<p><a href="3.图像标签.html" target="_self"><img src="../resources/image/lufei.jpg" alt="路飞头像" height="200" width="200" title="海贼王"></a>
</p>
<p><a href="3.图像标签.html" target="_self"><img src="../resources/image/lufei.jpg" alt="路飞头像" height="200" width="200" title="海贼王"></a>
</p>
<p><a href="3.图像标签.html" target="_self"><img src="../resources/image/lufei.jpg" alt="路飞头像" height="200" width="200" title="海贼王"></a>
</p>
<p><a href="3.图像标签.html" target="_self"><img src="../resources/image/lufei.jpg" alt="路飞头像" height="200" width="200" title="海贼王"></a>
</p>
<p><a href="3.图像标签.html" target="_self"><img src="../resources/image/lufei.jpg" alt="路飞头像" height="200" width="200" title="海贼王"></a>
</p>
<p><a href="3.图像标签.html" target="_self"><img src="../resources/image/lufei.jpg" alt="路飞头像" height="200" width="200" title="海贼王"></a>
</p>
<p><a href="3.图像标签.html" target="_self"><img src="../resources/image/lufei.jpg" alt="路飞头像" height="200" width="200" title="海贼王"></a>
</p>
<!--锚链接
1.需要一个锚标记
2.跳转到标记
-->
<a href="#top">回顶部</a>
<a name="down">down</a><!--功能性链接
邮件链接 mailto:
-->
<a href="mailto:1836841236@qq.com">点击联系我</a>
<!--QQ推广-->
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2::53" alt="联系我领取小电影" title="联系我领取小电影"/>
</a>
</body>
</html>

HTML超链接标签及应用相关推荐

  1. java swing 链接_JAVA中Jtable标签设置超级链接：基于Java Swing的超链接标签和超链接按钮的实现...

    希望在一个标签上设置超级链接,找到了如下的一种方法: 1.要解决的问题 基于Java Swing的超链接实现 2.自定义一个超链接标签控件[LinkLabel] 2.1.完整代码如下: public ...

  2. HTML5中各种标签总结（超链接标签、锚点设置）

    一.超链接标签<a></a> 作用:实现页面的跳转功能 href:控制跳转的目标位置 target:_self:再自身页面打开(默认效果也是在自身页面打开) _blank:在空 ...

  3. Web前端开发笔记——第二章 HTML语言 第四节 超链接标签

    目录 前言 一.超链接标签 (一)链接其它子网页 (二)链接其它站点 (三)虚拟超链接 二.从当前页面链接到指定位置 三.链接的访问情况 四.在新窗口中打开链接 例题 结语 前言 本节介绍超链接标签即 ...

  4. HTML基础(part7)--常用标签之超链接标签

    鄙人的学习笔记. 超链接标签<a> 超级链接,不仅仅可以嵌套文本,还可以嵌套图片.表格.标题. 语法 <a href="你要跳转的网页的网址" target=&q ...

  5. a标签href不跳转_[网页编程]-06 HTML5 超链接标签

    超链接的作用实际上就是为实现页面跳转功能以及锚点功能(跳转到当前页面的顶部和尾部或设定的位置) 测试代码 <!DOCTYPE html> <html><head>& ...

  6. 12.多媒体和超链接标签及其应用实例

    多媒体和超链接标签及其应用实例

  7. 02HTML 超链接与图像标记各是什么,【HTML篇】3.HTML的图片标签、超链接标签

    1.图片标签 img src:图片路径 width:设置图片的宽度,如果是单独设置,则保存图片比例进行修改,单位可以是px和% height:设置图片的高度,如果是单独设置,则保存图片比例进行修改,单 ...

  8. html 超链接标签 a 的基本用法

    HTML中具有使当前页面跳转到一个新的页面的功能的标签-------超链接标签(a标签),超链接标签为双标签,写法如下: <a></a>,默认是一个 行内标签. href 链接 ...

  9. 超链接标签 a （锚点链接）

    超链接标签 < a > 在HTML标签中,< a >标签用于定义超链接,作用:从一个页面链接到另一个页面. 链接的语法格式 <a href="https://w ...

  10. 图片标签，超链接标签

    图片标签 使用本地资源和网络资源 img src=""/ 图片标题 title 图片出事故后显示 alt <html><head><title> ...

最新文章

  1. telnet时显示：允许更多到 telnet 服务器的连接。请稍候再试
  2. htmlspecialchars() improvements in PHP 5.4
  3. mysql判断视图是否存在_使用JDBC查询是否存在某表或视图，按月动态生成表
  4. linux nfs 多个ip,Linux – NFS (IPv6)
  5. lodop打印html内容,Lodop打印控件在页面如何使用
  6. LeetCode 36. 有效的数独（哈希）
  7. 几种常见的长度单位整理
  8. bp神经网络matlab实例蚊子,bp神经网络matlab实例
  9. View requires API level 14 (current min is 8): GridLayout
  10. kohana::模板全攻略
  11. 822C Hacker, pack your bags!
  12. 2021扬州市高考成绩查询,2021高考成绩查询系统登录官网入口
  13. TSP(旅行者问题)——动态规划详解
  14. php round函数
  15. 广告法违禁词替换工具_广告法违禁词、敏感词检测工具
  16. Flask 视图的高级技术
  17. 去除照片模糊的有效方法——像素重建与修复
  18. 物体识别，Win7下运行TensorFlow Object Detection API详细版教程(零基础操作)
  19. python发短信（容联云）
  20. 【AI应用】理解GPU的浮点计算能力

热门文章

  1. VueDemo3：音乐播放器[黑马Vue基础网课跟写](vue,axios)
  2. 微信支付团队获 2 亿奖金，人均 20 万，再算上年终奖，网友：酸哭了！
  3. mysql查询课程1比课程2低的,小菜菜mysql练习解读分析2——查询存在quot; 01 quot;课程但可能不存在quot; 02 quot;课程的情况(不存在时显示为 null )，m...
  4. 最好的想法对于万圣节服装
  5. java数组和链表6_java的数组和链表从熟系到陌生
  6. Windows批处理中的if判断
  7. 关于Django多进程多线程详解
  8. 名编辑电子杂志大师教程 | 添加广告插件
  9. 设计模式（五）适配器模式Adapter（结构型）
  10. Vue中封装使用防抖函数