重新学习html的第一天

title: 重新学习html的第一天

date: 2022-06-10 21:20:09

tags: html

categories: 笔记

写出来的页面，如图

image-1654753596004

学习到的

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

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

<ul>
  <li>父列表</li>
  <ul>
      <li>子列表</li>
  </ul>
</ul>

效果如下

image-1654753928197

相对路径和绝对路径

相对路径 相对路径相对路径就是相对于当前文件的路径。 如下图，这个目录结构

image-1654754276959

径在哪里呢？ 可见1.jpg是在img文件夹内的，相对于n1.html来说，用/img/1.jpg或者./img/1.jpg即可获取图片 如果目录结构变成这样的呢？

image-1654754604728

，来去上一级目录找，如果还往上，就再加一个. 总结

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

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

小结

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