html 5 基础 超链接和路径

1 超链接属性
<a>属于文本元素
属性:
(1)href : 指定<a>元素所指定资源的url路径
<a href="http://www.baidu.com">百度</a>
(2)target:告诉浏览器打开的指定资源路径的页面显示在哪里

_blank 在新窗口或标签页中打开文档
_parsnet 在父窗框组(frameset)中打开文档
_self 在当前窗口打开文档(默认)
_top 在顶层窗口打开文档

2 相对路径和绝对路径
(1) 相对路径:相对于链接页面而言的另一个页面的路径
<a href="index.html"></a>
相对路径的条件是必须文件都在一个磁盘或目录下,如果是在同一个目录下,直
接属性值就是被链接的文件名.后缀名。如果在同一个主目录下,有多个子那就
需要使用目录结构语法。
(2) 绝对路径:就是直接从file:///磁盘符开始的完整路径
<a href="file:///D:/备课/html5/code/index.html"></a>

3 目录结构语法
同一个目录:index2.html 或./index2.html
在子目录:xxx/index2.html
在孙子目录:xxx/xxx/index2.html
在父目录:../index2.html
在爷爷目录:../../index2.html

4 锚点设置
作用:超链接也可用来将同一个文档当中的另一个元素移入视野,通过<a>标签的name和ID属性设置
<a href="#1">第一章</a>
<a name="1"></a>第一章内容

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Ubuntu的发音 Ubuntu,源于非洲祖鲁人和科萨人的语言,发作 oo-boon-too 的音。了解发音是有意...
    萤火虫de梦阅读 99,923评论 9 468
  • 超链接和路径 1、标签 2、属性:href(必须)target(可选) href:必须属性,否则就变成了空元素。如...
    小曼blog阅读 3,658评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,461评论 19 139
  • 俗话说,“书籍是人类进步的阶梯”,中华上下五千年文化博大精深。古有夫差卧薪尝胆;现有雷锋无私奉献乐于助人;外有贝...
    请叫我了不起阅读 4,850评论 0 0
  • 一分钟目标 每个大目标都是由成千上万个小目标组成。在我看来,大目标是方向,每一个小目标则是向实现大目标迈出的每一步...
    echoyeh阅读 760评论 1 0