HTML5 链接和路径

链接

链接是资源之间的跳转,资源的类型可以是网页、图片、视频等任何能在浏览器中显示的元素。

<!-- href="资源路径" -->
<!-- target=_blank 新增窗口的方式打开资源 -->

<a href="https://www.jmjc.tech" target=_blank>简明教程</a> 

点击

简明教程

路径

路径也称为地址,又分为 相对路径绝对路径,我们可以把计算机的文件系统看出是一棵树。

相对路径

我们所在的位置是index.html,跟img同级,所有可以直接访问。相对路径就是相对当前文件的位置查找对应资源。

<a href="img/1.jpg">链接到图片</a>

在相对路径中 ./ 表示当前目录,../ 表示上级目录,上例中使用 img/1.jpg = ./img/1jpg。


绝对路径

不管我们的文件在哪个位置,直接从根目录访问。

<a href="c:/desktop/html/img/1.jpg">链接到图片</a>

这样,即使我们的index.html文件跑到了users目录下,还是能够成功加载图片。

HTML5 教程 HTML5 基本结构 HTML5 文本和语义 HTML5 布局 HTML5 列表 HTML5 组合 HTML5 表格 HTML5 链接和路径 HTML5 图片 HTML5 表单 HTML5 框架 HTML5 进度条 HTML5 多媒体