写出来的页面，如图
image-1654753596004

学习到的

ul ol标签的用法和二级列表的用法

  • ol标签(有序列表)和ul标签(无序列表)，以及二级列表，三级列表的写法
    在ul标签内再打一个ul标签，在这个ul标签内写li标签即可
    示范：
<ul>
  <li>父列表</li>
  <ul>
      <li>子列表</li>
  </ul>
</ul>

效果如下
image-1654753928197

相对路径和绝对路径

相对路径
相对路径相对路径就是相对于当前文件的路径。
如下图，这个目录结构
image-1654754276959
思考：
问题：那么1.jpg的相对路径在哪里呢？
可见1.jpg是在img文件夹内的，相对于n1.html来说，用/img/1.jpg或者./img/1.jpg即可获取图片


如果目录结构变成这样的呢？
image-1654754604728
那就要写成 ../img/1.jpg，来去上一级目录找，如果还往上，就再加一个.
总结

  • “./”：表示当前的文件所在的目录。
  • “../”：表示当前的文件所在的上一层的目录。
  • “/”：表示当前的文件在下一级。

绝对路径
比如下方
C:\Users\ADMIN\Documents\笔记\img\1.jpg

小结

在我们进行网页编写的时候，同一级直接写路径