从零带你认识HTML(二)

最新推荐文章于 2024-06-13 10:31:50 发布

oldchao

最新推荐文章于 2024-06-13 10:31:50 发布

阅读量55

点赞数

文章标签： html 前端

本文链接：https://blog.csdn.net/oldchao/article/details/128468737

版权

1.路径

路径（path）在不同的领域有不同的含义。在网络中，路径指的是从起点到终点的全程路由；在日常生活中指的是道路。（注意：路径是区分大小写的。）就是网页和其他文件的位置关系。

相对路径

相对，先理解这个意思。相对就好比要有一个参照物，参照于谁，而这个这个相对路径就是相对于自己，相对于本身。举个栗子：就好比你和学校的位置关系，而参照点，就是你本身的位置。

同级相对路径
- 网页的路径和其他文件的是在同一目录下我们可以这样直接写图片的完整名称（注意：必须要加上后缀。）
- <img src="图片的名称" alt="">
  也可以这样写
  <img src="./图片的名称" alt="">
下一级相对路径
- 是相对于自身的下一级文件目录此刻我们只需要在不同的文件目录前面加上/即可，有几层目录就在这个目录的前面加几个 /
- <img src="/目录1/目录2/图片.jpg" alt="">
- (注意：目录1是相对于你本身的目录，如果你是a目录下的，那么你只需要在开头写上/a后面在写上下一级文件目录)
上一级相对路径
- 是相对于自身的上一级文件目录此刻我们只需要在不同的文件目录前面加上 …/ 即可，有几层目录就在目录前面加几个 …/ 这个 …/ 就等于跳出当前目录，返回到上一层目录。
- <img src="../目录2/目录1/图片.jpg" alt="">
- 上一级和下一级其实本质相同，只是在不同的纬度理解罢了。上一级就等于你在当前位置往上去找你的文件，而下一级就是在当前位置往下去找你的文件。

绝对路径

绝对路径是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径。不会因当前的工作目录而产生变化。举个栗子：就好比你和学校的位置关系，而参照点，就是学校的位置。

（注意）出于安全的考虑,浏览器不能直接通过绝对路径访问磁盘中的文件,但是可以通过网站的绝对地址访问文件

超链接标签 = a标签

 <a href="" target="">这是一个超链接</a>

href 网页的路径
target
- ——self (默认值) 从当前选项卡直接跳到目标页。在自身网页打开内容。
- ——blank 重新打开一个选项卡去跳转到目标页。在新的窗口打开内容。

空链接：当没有想好调到哪个网页时，我们要设置成空链接，空链接一个#会返回顶部，通常写两个##不会改变任何东西。

锚点链接：在网页内部进行跳转，需要给目标标签设置id属性，a标签中的href用#id名称关联id值

<a href="#name">点我跳第一层级</a>
<p id="name">我是第一层级</p>

<ul type="square">
        <li>1</li>
        <li>2</li>
        <li>3</li>
</ul>

 <ol type="I">
        <li>1</li>
        <li>2</li>
        <li>3</li>
 </ol>

* 自定义列表:是被一组dl管理，dt是主题，dd是列表项，dl只能包含dt和dd,dt和dd可以包含其他标签

 <dl>
        <dt>我是标题</dt>
        <dd>1</dd>
        <dd>2</dd>
 </dl>

关注