src href 后 接 什 么 ？ 路径详解

可以接本机资源路径   网络资源路径。

绝对路径
            1. 网络资源的绝对路径
            2. 本地资源的绝对路径
  
         
        1. 网络资源的绝对路径
                分四部分
                    1. 通信协议  https
                    2. IP地址/域名  www.pku.edu.cn
                    3. 资源路径 Uploads/Picture/2019/12/26
                    4. 文件名称 s5e04147ee4a83.png
   
     <img src="https://www.pku.edu.cn//Uploads/Picture/2019/12/26/s5e04147ee4a83.png" alt="">
         
          2. 本地资源绝对路径
                从本机最高盘符开始找
    
             <img src="F:\IO资料\风景1.jpg" alt="">

根相对路径

            以"/"作为最高盘符，开始的，“/”表示当前文件所在的路径的最高盘符
            
     
        <img src="/IO资料/风景3.jpg" alt="">

相对路径

        <!-- 同包文件 -->
        <img src="风景4.jpg" alt="" width="200px">
        <!-- 父级文件 -->
        <img src="../lyf4.jpg" alt="" width="200px">
        <!-- 子级文件 -->
        <img src="img/GIF.jpg" alt="">