width:图片宽度,单位是像素,例如:200px或200
height:图片高度,单位是像素,例如:200px或200。
在代码中编辑的格式如下:
<body>
<imgwidth="100"height="20"src="奥特曼。jpg"alt="奥特曼,你相信光吗?">
<body>
总结:1。像素(px)是一种单位
2。尽量不同时修改图片的宽和高,可能会造成比例失调。
3。暂且认为img是行内元素。
4。alt属性的作用:
搜索引擎通过alt属性,得知图片的内容。——最主要的作用。
当图片无法展示时候,有些浏览器会呈现alt属性的值。
盲人阅读器会朗读alt属性的值。
第二十七节相对路径_绝对路径
课前还讲了可以按crrl+shift+加号减号可放大或缩小来调整vscode编辑内的整体效果
一.相对路径:以当前位置作为参考点,去建立路径。
在同级的情况下导入图片的符号:。。例如:引入【怪兽。jpg】:<imgsrc="。怪兽。jpg">
在下一级的情况下导入图片的符号为:。例如:引入【喜羊羊。jpg】:<imgsrc="。a喜羊羊。jpg">
在上一级的情况下导入图片符号为:。。。例如:引入【奥特曼。jpg】:<imgsrc="。。奥特曼。jpg">。
注意点:相对路径中的。可以省略不写。
相对路径依赖的是当前位置,后期若调整了文件位置,那么文件中的路径也要修改。
二.绝对路径:以根位置作为参考点,去建立路径。
1。本地绝对路径:
。(很少使用)
2。网络绝对路径:
。
第二十八九节常见的图片格式
主要介绍了各种图片的特点和使用场景,到后面就教大家如何将图片转化为base64编码。
在浏览器中搜索图片转base64进入菜鸟工具网站将图片拉入后在下方就显示编码,复制编码在编辑器中将编码粘贴运行代码页面就会显示图片。
上午学习到十点左右时狗腿开始发痛滚回床睡一个半小时后又起身坐回电脑前继续肝看着视频快下午一点时保温杯里的水快喝光了就走到隔壁房内看了看细大妹一眼,瞧见猫碗里头的水喝光了就把保温杯剩下的水倒进猫碗里给它喝就到楼下倒水。
到客厅时乌小弟一闻到我的味道立马就从房间里走出来,我问它‘乌弟现在和外公外婆怎么熟。’乌弟走到我身边跳到沙发上,狼外婆用葵花点穴手指着它。吃着早茶吃剩的几个牛肉饺妈妈帮我泡了杯茶后就出门上班,吃完后喊着乌弟到楼上去。乌弟就冲在前头在楼梯时和她说‘冲!男生女生向前冲!’乌弟就百米冲刺跑到客厅门口,开客厅门后乌弟跑进客厅里舀猫粮给它吃后进房学习。
学习到三点半时走到隔壁房瞧里细大妹一眼见它在吃着猫碗里的猫粮蹲到地上摸着它的头,细大妹也蹲到我前面咬了我一嘴。开房门时见乌小弟守在门外看到我后就冲到厕所里头喝着水瓢里的水发现两个好大儿也钟意喝水。穿着运动内衣拿出绳子跳起来因为早起的缘故整个身体代谢情况都很慢不适合高轻度的运动跳了几下就停下来,拿出轻哑铃练了二十来分钟就拿着扫把上楼。走到细大妹房里帮它收拾着房间把懒人沙发拿着防尘罩罩好后搬到楼顶,那一刻瞬间能理解妇女能顶半边天这句话。在拖客厅时乌小弟在边上跑可是因为地板刚拖好看它跑起来的样子似乎要滑到,拖地细大妹房里时它突然从我拖把上小短腿越过,看到这一幕时说‘呦呦呦跳高选手来着。’被我一夸就害羞跑到床下。拖完后看储粮桶的猫粮快吃完了就到楼下装乌小弟也在屁股后下楼,打扫完收拾着垃圾出门倒掉。乌小弟就守在门口等我回来。
晚饭时乌小弟也跟着我到楼下去,吃着吃着瞧见乌小弟跑到了消毒碗柜上。我和它说‘乌弟下来下来。别摔倒。’妈妈拍着手用葵花点穴手着它。我边吃边哄了几句后乌小弟就下来跑到我脚边,妈妈帮我剥着面里的虾时和我说‘姐姐转1000给她中秋买月饼’。吃饱后喊着乌弟上楼。
洗完头吹干后舀猫粮给乌弟吃进房拿出细妹猫碗出来洗后,乌弟看到后就不乐意。洗完澡出厕所时乌弟这臭小子挡在门口不让我出来走出来时冲我摇着尾巴还咬着我的腿,在厕所门口和这臭小子折腾了几分钟后才功成身退回房。进房后下午收到残疾人两项补贴立马帮着两崽子囤点猫粮。
睡前坐在床边拆着爸爸刚拿回来的快递是乌弟的新猫碗和《训练猫咪一本就够了》拆完后把碗拿到客厅把乌弟原来的碗丢进垃圾桶,拿着猫砂铲铲猫屎时一开房门细妹跑到客厅里,乌弟一见立马跑到客厅门外暗中观察了一会瞧见妹妹个头小就走回客厅里。我在边上喊着细妹回房去,它和乌弟兄四目相对了几秒就怂了又跑回房里,铲完猫屎洗完手关灯回房休息躺在床里拿着两款护眼仪敷眼后很快进入熟睡状态。