内容提要:详细介绍一下Anchor标记,超级链接a标记代表一个链接点,是英文anchor(锚点)的简写。它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像等

  超级链接<a>标记代表一个链接点,是英文anchor(锚点)的简写。它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像等,这已是众所周知了,但关于它的语法结构可能有点鲜为人知,而要用活它则必须了解其语法结构。

<a>标记的基本语法结构如下:

<a 
class=type 
id=value 
href=reference 
name=value 
rel=same|next|parent|previous 
rev=value 
target=window 
style=value 
title=title 
onclick=function 
onmouseout=function 
onMouseOver=function>显示文字或者图片的代码</a>

  从标记的语法结构可以看出,在设定一个超级链接时有很多参数可供选择,以实现不同的链接效果,这有点出乎意料吧?!

  class和id 用于设定链接点所属的类型和分配的ID号,通常不加以设定。最常用的两个参数是href和name。其中 href href是hypertext reference的缩略词,用于设定链接地址,可为绝对路径或者相对路径。

  如果链接目标为HTML文件,则在当前浏览器中直接打开;如果为可执行文件(.exe文件),则直接执行或下载,我们提供下载的文件就是用它的这种特性做的;如果为文本文件如word格式的文件,则在浏览器中打开此文件,并可以进行编辑加工。
  
rel 表示设定链接的关系:
rel=same表示待链接的文件与此文件相同,
rel=next表示待链接的文件为下一页,
rel=parent表示本文件为待链接文件的父文件,
rel=previous则表示待链接的文件为上一页。  
rev 用于设定反向链接。 
target 设定链接打开后的目标窗口,比如target="_blank"表示新开一窗口打开网页。 
title 链接点被选到时显示的标题文字。 
onclick 对应于一个事件,当链接点被点击后将触发这个事件,执行对应的子程序。 
onmouseover 与onclick类似,对应的事件在鼠标移到链接点上时被触发。 
onmouseout 对应的事件在鼠标移出镇接点后被触发。

  举几个例子:

<a href="index.htm">回到index.htm主页</a> 
<a href="sound.wav">播放语音文件</a> 
<a href="javascipt.open()">执行对应的程序</a> 
<a herf="document.doc">打开对应的文档进行加工</a>

『  网页设计 |  HTML 』

详细介绍一下Anchor标记相关推荐

  1. 卷积神经网络超详细介绍

    文章目录 1.卷积神经网络的概念 2. 发展过程 3.如何利用CNN实现图像识别的任务 4.CNN的特征 5.CNN的求解 6.卷积神经网络注意事项 7.CNN发展综合介绍 8.LeNet-5结构分析 ...

  2. 卷积神经网络超详细介绍(转载)

    卷积神经网络超详细介绍 文章目录 1.卷积神经网络的概念 2. 发展过程 3.如何利用CNN实现图像识别的任务 4.CNN的特征 5.CNN的求解 6.卷积神经网络注意事项 7.CNN发展综合介绍 8 ...

  3. 【目标检测】56、目标检测超详细介绍 | Anchor-free/Anchor-based/Backbone/Neck/Label-Assignment/NMS/数据增强

    文章目录 1.双阶段和单阶段目标检测器 1.1 双阶段目标检测器 1.1.1 R-CNN 1.1.2 SPP 1.1.3 Fast R-CNN 1.1.4 Faster R-CNN 1.2 单阶段目标 ...

  4. Tempdb数据库详细介绍

    Tempdb数据库详细介绍 一.Tempdb简介 tempdb是SQLServer的系统数据库一直都是SQLServer的重要组成部分,用来存储临时对象.可以简单理解tempdb是SQLServer的 ...

  5. python绘图和可视化_Python 绘图和可视化详细介绍

    Python之绘图和可视化 1. 启用matplotlib 最常用的Pylab模式的IPython(IPython --pylab) 2. matplotlib的图像都位于Figure对象中. 可以使 ...

  6. SQL Server 2005实现负载均衡的详细介绍

    SQL Server 2005实现负载均衡的详细介绍 SQL Server 2005仍然不直接地支持负载均衡--但是它为以前SQL Server版本中可用的所有负载均衡方法提供了令人激动的改善和支持. ...

  7. HTML中Css详细介绍

    HTML中Css详细介绍 一.样式表的作用 1.Css样式表,层叠样式表 2.类似于人类的衣服,网页的衣服 3.作用:美化网页 4.优势: 1.内容与表现分离,便于维护 2.样式丰富,页面布局灵活 3 ...

  8. oracle订单,银科软件:Oracle ERP订单管理模块详细介绍

    原标题:银科软件:Oracle ERP订单管理模块详细介绍 Oracle® 订单管理使用户能够通过更有效的客户服务.更个性化的产品和更有利的价格制定和订单履行抢先利用日益发展的国际互联网去销售和让客户 ...

  9. VMware网络连接模式—桥接、NAT以及仅主机模式的详细介绍和区别.ziw

    2017年1月10日, 星期二 VMware网络连接模式-桥接.NAT以及仅主机模式的详细介绍和区别 在使用VMware Workstation(以下简称:VMware)创建虚拟机的过程中,配置虚拟机 ...

最新文章

  1. c 结构体 不允许使用不完整的类型_C语言必学知识点 quot;结构体quot;详细解析!...
  2. notepad++打开一个某个工程目录
  3. python爬虫软件-一些Python爬虫工具
  4. Kosaraju 算法查找强连通分支
  5. QML控件拖动并靠边停留
  6. indices should be one-based and in ascending order
  7. jzoj5363-[NOIP2017提高A组模拟9.14]生命之树【启发式合并,Trie】
  8. 洛谷P2016 战略游戏【树形dp】
  9. 用python画熊猫_熊猫read_excel()–用Python读取Excel文件
  10. 【笔记】8位流水线乘法器(Verilog)
  11. Android Error: Program sh not found in PATH 解决方法
  12. webstorm 配置webserver选项,让其他ip设备可访问(如手机等测试效果) ...
  13. qq视频转码失败怎么办_qq影音为什么不能转码 进行视频转码方法
  14. 微型计算机在硬件上是由,208可打印本资料微机原理与汇编期末考试试卷A卷答案...
  15. 生信技能树课程记录笔记(五)20220528
  16. 增强 扫描王 源码_全能扫描王(一款识别率超高的OCR识别APP)
  17. 计算机桌面图标有小锁如何去掉,去掉电脑桌面图标小黄锁的两种方法
  18. 4.22 虾皮_小米_度小满
  19. 使用域名访问后台系统、Nginx反向代理服务器
  20. 罗杨美慧 20190919-6 四则运算试题生成,结对

热门文章

  1. labels.size(0) 是什么意思
  2. vi 和vim 的区别
  3. PHP关于open_basedir错误的解决方案
  4. 用KFServing加速联邦学习模型的部署
  5. 23款奔驰C260升级原厂360全景影像,倒车入库一步到位
  6. 深入浅出MyBatis:MyBatis与Spring集成及实用场景
  7. 2013 2014 2015 2016 Xiyou Linux Group 免试题揭秘
  8. PDF转换成PPT免费软件介绍
  9. 计算机黑屏闪光标,电脑开机黑屏并且只有一个光标在闪烁,请问是为什么?
  10. 3天破9亿!上万条评论解读《西虹市首富》是否值得一看