图片和链接

图片

图像标签<img>的具体属性

引用标签：<img src="" alt=""/>

属性	描述
src	源属性，获取图像的URL地址
alt	为图像定义一串预备的可替换的文本，一般浏览器无法加载图像时，可替换文本就会显示出来

图片（静态数据）的存储不建议直接放在代码（本地服务）中。最好可以放到云上

.jpg格式图片的应用场景

当我们选择图片的引入时，一般选择.jpg格式的图片（一般该形式的图片占用的内存相比其他格式较小），通常我们可以将其图片压缩到80%的像素，如果图片过于大，可以压缩到60%，在网页中大图都采用该格式

.png格式图片的应用场景

对于png格式的图片，它是一种无损的压缩，可以尽量保持颜色的丰富度，但是文件往往比较大，往往在网页中小图标（建议先去图标库中找，有的话直接使用图标库中的小图标）采用该格式，png格式支持透明色（黑白点相间的，在网页中是不显示的，用于区分边界的）

.gif格式图片的应用场景

网页中需要用到动图时，需要使用.gif格式的图片

---

链接

引用标签：<a href=""></a> 定义锚，引号中的是链接的地址（往哪里跳转），之间的文本是指超链接的文本

超链接标签<a></a>的具体属性

属性	描述
href	创建指向另一个文档的URL链接
target	定义被链接的文档在何处显示，默认打开文件的方式是覆盖页面，如果想新页面打开超链接，可以对target属性进行设置：target="_blank
title	鼠标放到超链接上出现的提示文字
name	创建文档内的书签，规定锚的名称，书签对读者是不可见的，将#和锚名称添加到URL的末端，就可以直接链接到 tips这个命名锚了

超链接不一定是文本，可以是图片或其他元素

链接的锚点

一般链接跳转到新页面后，一般位置是处于最开始的

通过设置描点，我们可以控制跳转后的出现在具体我们想要的位置

在组件外层的<div>中设置一个id：<div id="1888">

在超链接中通过#来设置锚点：<a href="url#1888" />

定位到的位置是其锚点组件在页面的最上面

连接的其他使用

点击链接发送邮件：<a href="mailto:2794810071@qq.com">向我发送邮件</a>

点击这个连接后就会弹出对应的邮件客户端

点击弹出拨号界面（在移动端使用）：<a href="tel:13456670599">向我拨打电话</a>