a标签(链接标签)

形式

<a href=”链接地址”  target=”要打开链接的窗口名” >内容部分</a>

链接地址:通常用url来表示链接地址的意思(形式)。链接地址可以分为:

绝对地址:指通过该地址就可以“直达”该页面。还可以分为:

互联网绝对地址:形式是: http://域名/目录名1/目录名2/文件名

适用于:互联网上的站点(页面)

本地绝对地址:形式是: file:///盘符:/目录名1/目录名2/文件名

适用于本地的网站(页面)——通常正常应用的网站,极少会使用本地绝对路径。

通常,本地绝对路径是绝对禁止使用。

相对地址:(可以认为每个相对位置都说 省略./的)

解释:是指相当于当前a标签所在的网页所在的位置(文件夹)来设定的一个相对位置。

几个特殊的相对路径名:

./:   直接指代“当前目录”,即本文件所在的目录位置,通常可以省略

../:  表示当前目录的“上一级”目录。

./目录名:  表示当前目录中的指定下一级目录名

以上还可以进一步组合,常见如下:

./p0.html

./abc/p1.html

../p2.html

../def/p3.html

../../def/abc/p4.html

abc/def/hij/p5.html          当前目录中的abc目录中的def目录中的hij目录中的p5.html

小总结:通常在实际应用中,在一个网站内部相互之间用相对地址,如果链接到外部网站,则必须使用互联网的绝对路径。

没掌握好

要打开链接的窗口名:是指该网页打开的时候可以指定在哪个窗口打开。target后面的引号中

几个固定含义的窗口名:

_self:  表示当前网页所在窗口本身

_blank:表示一个“新窗口”,即无论如何,总是打开一个新窗口来显示该链接页面

_parent:表示父窗口,其实就是当前窗口的上一级窗口——窗口是可以相互嵌套以形成层次关系

_top:         表示最上一级窗口,即互相嵌套关系的窗口中的最顶层那个窗口

也可以自己来设定窗口的名字:如果该窗口已经存在,就会在该窗口打开,如果该窗口还不存在,就会新建一个窗口并命名为该名字并打开该链接。

锚点技术

锚点其实指的是一个网页上的某个“定位位置”。

锚点的实现:需要使用至少2次a标签来配合完成。其基本形式如下:

<a  href=”#锚点名”>内容部分</a>()

………这里可能是很多内容区…….

<a  name=”锚点名” >内容部分</a>,不写下划线部分同样有效2

锚点和链接的整合应用:

<a  href=”链接地址url#锚点名”>内容部分</a>

含义是:链接到指定的网页并定位到指定的该网页的锚点所在位置。

Eg:<aname="top"></a>

<a href="#top"style="position:fixed;right:50px; bottom:50px;">回到顶部</a>

点击定位到abc定位到文字1

<a href="#abc" >定位到abc</a>

<a name="abc">文字1</a>

a标签,相对地址,绝对地址,锚点技术相关推荐

  1. LGD:涨点神器!旷视孙剑、张祥雨团队提出标签引导的自蒸馏技术,助力目标检测!...

    关注公众号,发现CV技术之美 本文介绍论文『LGD: Label-guided Self-distillation for Object Detection』,由旷视孙剑.张祥雨团队等提出标签引导的自 ...

  2. html中a标签如何进行锚点,a标签中的锚点使用方法

    今天要和大家分享的是a标签中的锚点的使用方法 在html5中,标签有一种用途,是能够在当前文档中用来作为一个标记,提供一个可以直接衔接的标签. 例如,一个大的文档可能有好几个部分,我们可以在文档的顶部 ...

  3. 如何用html语言定位img,html经常使用标签(图像标签img,连接标签a,锚点定位,及路径)...

    1 图像标签img (重点) 单词缩写: image 图像html HTML网页中任何元素的实现都要依靠HTML标签,要想在网页中显示图像就须要使用图像标签,接下来将详细介绍图像标签以及和他相关的属性 ...

  4. 链接标签(anchor)和锚点定位

    一.链接标签 HTML中创建超链接只需要用标签环绕需要被链接的对象即可,基本原格式如下: <a href="跳转目标" target="目标窗口的弹出方式" ...

  5. 超链接标签 a (锚点链接)

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

  6. 内存空间 逻辑地址空间 相对地址 绝对地址

    内存空间(物理空间或绝对空间):由一系列存储单元所限定 的地址范围. 逻辑地址空间(地址空间):由程序中逻辑地址组成的地址范围. 相对地址(逻辑地址):用户程序经编译后每个目标木块都以0为基地址顺序编 ...

  7. 【2022.7.11】HTML基础介绍语法常用标签超文本链接锚点定位

    来自2022.7.11 今日学习 一.HTML基础介绍 1.网页 1.1什么是网页 1.2什么是HTML 1.3超文本 1.4网页的形成 2.常用浏览器 2.1常用浏览器 2.2浏览器内核 3.web ...

  8. html5标签云,TagCanvas - HTML5 Canvas技术开发的标签云动画

    TagCanvas 是一个基于HTML5Canvas技术开发的标签云动画.还提供一个以jQuery插件形式实现的版本.它支持文本和图片两种格式,能够以 Sphere, hcylinder  或 vcy ...

  9. 计算机混合地址相对地址绝对地址,引用的分类及讲解

    在我的文章中经常会提到引用,引用,是函数和VBA中经常用到的,在书写函数时往往不会是单纯的数字录入,而是要根据特定单元格的内容完成一定的方法或计算,这就是引用.引用相当于函数的输入,引用的模式就相当于 ...

最新文章

  1. 厉害!84 行 JavaScript 代码实现塔式堆叠游戏
  2. Ubuntu左边启动器移到底部及自动隐藏
  3. STM32移植RT-Thread后的串口在调试助手上出现:(mq != RT_NULL) assert failed at rt_mq_recv:2085和串口只发送数据不能接收数据问题
  4. LeetCode - Reverse Nodes in k-Group
  5. php制作曲线柱形图的框架,用GD图库生成横竖柱状图折线图的类_php
  6. [Database] 数据库完整性
  7. 计算属性computed的使用
  8. sql2018 ssas_如何使用SQL Server Analysis Services(SSAS)从头开始构建多维数据集
  9. java同步三线程打印abc_java多线程打印ABC
  10. chattr和lsattr的基本用法
  11. 如何创建SQL Server Management Studio 18(SSMS)扩展
  12. 【Windows】bat | 服务 | bat作为服务 | bat转exe
  13. html+支付宝+全套页面,【支付源码】全新免签支付系统 仿码支付系统支持 微信 支付宝 QQ 全开源LPays全套源码...
  14. mysql在线检测文件是否损坏,mysql数据文件损坏后的修复方法
  15. Android编程权威指南(第31章 定制视图与触摸事件)
  16. 【系统收藏——中天证券创鑫软件 官方版 [同时支持三板、港股行情、沪深300指数。]】
  17. 一封高三班主任写给大学生的信 早看的话大学就不会那么堕落
  18. Java 基于WEB的农产品销售管理系统源码+数据库+论文文档+项目辅导视频
  19. 易基因|手把手教你做全基因组DNA甲基化测序分析
  20. nginx的安装部署

热门文章

  1. php操作主从mysql_PHP 操作MySQL数据库
  2. LA 4394 String painter 区间DP -
  3. 初步中的初步了解DFS以及DFT
  4. 心血漏洞第二发?SSL v3再曝新漏洞发布预警
  5. 细说http状态码之301,304
  6. 《我的菜谱》-西红柿炒鸡蛋
  7. matlab滤波实验,卡尔曼滤波实验及matlab实现
  8. 基于知识图谱的多模内容创作技术
  9. 电源电力专业术语整理
  10. 《 Kubebuilder v2 使用指南 》-P1-总览篇