HTML路径

释放双眼,带上耳机,听听看~!

HTML路径指文件存放的位置,在网页中利用路径可以引用文件,插入图像、视频等。表示路径的方法有两种:相对路径,绝对路径。

上一次我们学到了如何在网页中插入图像,其中用到的一个<IMG>标签就要用到HTML路径,因为它要去调用图片信息啊,没路径怎么行,既然要路径我们怎么去写入路径呢?其实有两种方式我们一个个来看!

相对路径

相对路径是指目标相对于当前文件的路径,网页结构设计中多采用这种方法来表示目标的路径,相对路径有多种表示方法。表示方法如下:

  • ./ :代表文件所在的目录(可以省略不写)
  • ../ :代表文件所在的父级目录
  • ../../ :代表文件所在的父级目录的父级目录
  • / :代表文件所在的根目录

要理解的是"/"这个表示文件所在的根的目录,其实可以理解成项目内部的绝对路径。

如果我们要在网页中引入000.css这个CSS文件怎么写呢?

  • <linkhref="./css/css1/000.css"/>
  • <link href="/html/css/css1/000.css"/>
  • <link href="../html/css/css1/000.css"/>

上面这三种方法都可以调用到ooo.css这个文件,这个就是我们所说的相对路径写法,我个人比较偏向第二种,毕竟是最好理解的,"/"后面把网站页面文件夹一个个写进去就可以了,比较好记忆。

绝对路径

绝对路径是指完整的网址,假设图一中项目的网站域名为www.zhanbaoku.com,那么000.css的绝对路径应该是什么呢?

绝对路径:<link href="www.zhanbaoku.com/HelloHBuilder/html/css/css1/000.css"/>

总结:

在以后的开发过程中尽量都用相对路径去写,毕竟比较好迁移拷贝项目,万一开发环境变了,调用的数据找不到就尴尬了。

 

HTML

IMG标签

2019-11-12 13:58:51

HTML

HTML超链接

2019-11-12 14:46:10

搜索