HTMLa和img标签

HTML的超链接标签

<a href="https://www.baidu.com" target="-blank" title="点击进入百度首页">百度链接</a>

页面显示结果为：百度链接

<a href="https://www.baidu.com" target="-self" title="点击进入百度首页">百度链接</a>

页面显示结果为：百度链接

其中：

href属性的属性值是网址
target（目标）属性的属性值有两个：-self和-target；
    1. -self指的是在当前页面打开链接
    2. -blank指的是在新的页面打开链接
title属性：当鼠标悬停到连接上时显示的就是title的属性值

---

---

HTML插入图片的标签

<img src="目标文件路径及全称" alt="当图片加载失败时显示的内容" title=“图片的标题”/>

页面显示结果：
当鼠标悬停在图片上时，显示title里的内容

插入图片路径的写法：

1.同级找同级 如果图片与你的目前的HTML文件在同一目录（即同一文件夹下）下时：直接写上图片的全称即可（要记得后缀也是要写的）
2.上级找下级 当图片所在的目录（即图片的父级文件夹）与当前HTML文件在同一目录下时：图片父级文件夹的名称/图片全称；
3.下级找上级 当图片与当前HTML文件的父级文件夹在同一目录下时：…/图片全称； …/的意思是返回上一级

---

---

src与href的区别：

       src用于替换当前元素，而href用于在当前文档和引用资源之间确定联系。
       当浏览器解析到src属性的时候，会暂停其他资源的下载和处理，直到该资源加载，编译，执行完毕，图片和框架等也是如此。
       href指向网络资源所在的位置，浏览器解析到href时，会并行下载资源，并不会停止对当前文档的加载。