html中img的src相对路径怎么写

html中img的src相对路径的写法：

同一个目录的文件引用---直接写引用文件名即可。如果源文件和引用文件在同一个目录里，直接写引用文件名即可，这时引用文件的方式就是使用相对路径。

例如：

我们现在建一个源文件info.html，在info.html里要引用index.html文件作为超链接。

假设info.html路径是：c:/Inetpub/wwwroot/sites/blabla/info.html

假设index.html路径是：c:/Inetpub/wwwroot/sites/blabla/index.html

在info.html加入index.html超链接的代码应该这样写：

<a href="index.html">这是超连接</a>

Notice:

如何表示上级目录

../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。

假设info.html路径是：c:/Inetpub/wwwroot/sites/blabla/info.html

假设index.html路径是：c:/Inetpub/wwwroot/sites/index.html

在info.html加入index.html超链接的代码应该这样写：

<a href="../index.html">这是超连接</a>

假设info.html路径是：c:/Inetpub/wwwroot/sites/blabla/info.html

假设index.html路径是：c:/Inetpub/wwwroot/index.html

在info.html加入index.html超链接的代码应该这样写：

<a href="../../index.html">index.html</a>

假设info.html路径是：c:/Inetpub/wwwroot/sites/blabla/info.html

假设index.html路径是：c:/Inetpub/wwwroot/sites/wowstory/index.html

在info.html加入index.html超链接的代码应该这样写：

<a href="../wowstory/index.html">index.html</a>

Notice：

如何表示下级目录

引用下级目录的文件，直接写下级目录文件的路径即可。

假设info.html路径是：c:/Inetpub/wwwroot/sites/blabla/info.html

假设index.html路径是：c:/Inetpub/wwwroot/sites/blabla/html/index.html

在info.html加入index.html超链接的代码应该这样写：

<a href="html/index.html">这是超连接</a>

假设info.html路径是：c:/Inetpub/wwwroot/sites/blabla/info.html

假设index.html路径是：c:/Inetpub/wwwroot/sites/blabla/html/tutorials/index.html

在info.html加入index.html超链接的代码应该这样写：

<a href="html/tutorials/index.html">这是超连接</a>