• 技术文章 >web前端 >html教程

    html怎么调用下级目录的图片

    醉折花枝作酒筹醉折花枝作酒筹2021-06-07 16:14:24原创232

    在html中,可以使用img标签调用下级目录的图片,具体语法为“<img src="具体图片文件路径"/>”。引用下级目录的文件,直接写下级目录文件的路径即可。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

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

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

    假设图片路径是:c:/Inetpub/wwwroot/sites/blabla/html/1.jpg

    在info.html加入图片的代码应该这样写:

    <img src = "html/1.jpg"/>

    扩展资料:

    如何表示上级目录

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

    假设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">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>

    推荐学习:html视频教程

    以上就是html怎么调用下级目录的图片的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html
    上一篇:html中circle是什么意思 下一篇:html中header定义什么意思
    第16期线上培训班

    相关文章推荐

    • eclipse怎么设置html快捷键• HTML中新建表格怎么加背景• HTML格式文件怎么导入SQL• html如何修改日期样式• html中circle是什么意思

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网