第44章 训练猫咪一本就够了(第2/2 页)

2.尽量不同时修改图片的宽和高，可能会造成比例失调。

3. 暂且认为 img 是行内元素。

4. alt 属性的作用：

搜索引擎通过 alt 属性，得知图片的内容。—— 最主要的作用。

当图片无法展示时候，有些浏览器会呈现 alt 属性的值。

盲人阅读器会朗读 alt 属性的值。

第二十七节 相对路径_绝对路径

课前还讲了可以按crrl + shift + 加号/减号可放大或缩小来调整vs code编辑内的整体效果

一．相对路径：以当前位置作为参考点，去建立路径。

在同级的情况下导入图片的符号:./ 。例如：引入【怪兽.jpg】： ＜img src="./怪兽.jpg"＞

在下一级的情况下导入图片的符号为：/。例如：引入【喜羊羊.jpg】： ＜img src="./a/喜羊羊.jpg"＞

在上一级的情况下导入图片符号为：../。 例如：引入【奥特曼.jpg】： ＜img src="../奥特曼.jpg"＞。

注意点：相对路径中的 ./ 可以省略不写。

相对路径依赖的是当前位置，后期若调整了文件位置，那么文件中的路径也要修改。

二．绝对路径：以根位置作为参考点，去建立路径。

1. 本地绝对路径： 。（很少使用）

2. 网络绝对路径： 。

第二十八九节 常见的图片格式

主要介绍了各种图片的特点和使用场景，到后面就教大家如何将图片转化为base64编码。

在浏览器中搜索图片转base64进入菜鸟工具网站将图片拉入后在下方就显示编码，复制编码在编辑器中将编码粘贴运行代码页面就会显示图片。

上午学习到十点左右时狗腿开始发痛滚回床睡一个半小时后又起身坐回电脑前继续肝看着视频快下午一点时保温杯里的水快喝光了就走到隔壁房内看了看细大妹一眼，瞧见猫碗里头的水喝光了就把保温杯剩下的水倒进猫碗里给它喝就到楼下倒水。

到客厅时乌小弟一闻到我的味道立马就从房间里走出来，我问它‘乌弟现在和外公外婆怎么熟。’乌

本章未完，请点击下一章继续阅读！若浏览器显示没有新章节了，请尝试点击右上角↗️或右下角↘️的菜单，退出阅读模式即可，谢谢！