html路径+超链接+锚点

绝对路径

1. 一般使用网络上的资源时(就是找着图片直接拿着它的网络图片路径)

http :// static .baizhiedu.com / baizhied u2019 / pc / index

new / picture / teacher / teacher-ydd .png

相对路径-难点

1. 相对于当前html文件的路径
2. 找兄弟: 直接写兄弟名字即可
3. 找兄弟的儿子: 先找兄弟再找儿子,兄弟和儿子之间
4. 使用/分割
5. 找爸爸的兄弟
6. 先跳出爸爸，再找爸爸的兄弟，跳一次就是一
   个 ../

超链接

1. 从一个网页跳转到另外一个网页
2. 标签

<a href="网页的路径"
target="_self/_blank"></a>
比如:
<a href="https://www.baidu.com/"> 跳转到
百度</a>

 

属性:

• href="网页的路径"
• target="设置跳转页面的方式"
• 取值:
• _self 在本页面打开链接 默认值
• _blank 在新的页面打开链接

锚点

1. 何时:

                实现在同一个页面不同部分之间的跳转时

1. 如何:

• 定义锚点

• 可以直接给-个html元素定义一个id值，id值就
• 可以直接当作锚点名称

<h1 id="d1"></h1>

跳转到锚点位置

<a href="#id值">跳转</a>

回到页面顶部

<a href="#">回到顶部</a>

在写项目时，如果不知道href想要跳转到哪里，就先 使用#占位

<a href="#">不知道href想要跳转到哪里回到顶不
知道href想要跳转到哪里部就先使用#占位</a>