• Web前端学习第一天——————HTML篇.004百度云盘目录


    网页首页代码:

    one.html

     two.html

     three.html

     

     网站效果:

    首页

     one文件夹

     two文件夹:

     three文件夹:


    总结

    <a href="one/one.html">
    <img src="img/file.png" width="60px">one
    </a>:a标签把图片和“one”都包括进去了,所以无论是点文件夹图片还是点one都能跳转到one.html页面,并且这里采用的是默认当前页面跳转。

    <p>
    <a href="../demo.html">
    <img src="../img/return.jpg" height="25px">
    </a>
    </p>:

    one.html中生成图片,这里调用图片使用的路径是用的相对路径,"../img/return.jpg"中"../"的意思是返回上一级。

    因为img文件夹,one文件夹,two文件夹和demo都是在同一级目录,所以在one.html中要调用img文件夹中的图片时,要返回到上一级:<img src="../img/baidu.jpg" width="100%">,在three.html中要调用img文件夹中的图片时,需要要返回到上两级:<img src="../../img/baidu.jpg" width="100%">才能调用到img文件夹中的图片。

  • 相关阅读:
    js中面向对象的写法
    js中防止全局变量被污染的方法
    移动端的头部标签和meta
    励志
    UX是什么?
    HTTP
    Django RestFramework (DRF)
    Vue(一)
    Vue-基础
    Vue-es6基础语法
  • 原文地址:https://www.cnblogs.com/dashuaiB/p/15749987.html
Copyright © 2020-2023  润新知