写出来的页面,如图
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

小结

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