新笔下文学

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

天才一秒记住【新笔下文学】地址:www.bixiabook.cc

签名为blockquote 长引用 —— 很少使用

标签名为address 地址信息。以上所有的标签名都为双标签,这些不常用的文本标签,编码时不用过于纠结。htmL标签太多了!记住那些:重要的、语义感强的标签即可;截止目前,有这些:h1~h6 、 p 、 div 、 em 、 strong 、 span。

第二十六节 htmL图片标签

基本使用:选择img文件的图片。

常用的属性:src :图片路径(又称:图片地址)—— 图片的具体位置

alt :图片描述

width :图片宽度,单位是像素,例如: 200px 或 200

height :图片高度, 单位是像素,例如: 200px 或200。

在代码中编辑的格式如下:

<body>

<img width=\"100\" height=\"20\" src=\"奥特曼.jpg\" alt=\"奥特曼,你相信光吗?\">

<\/body>

总结:1. 像素( px )是一种单位

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进入菜鸟工具网站将图片拉入后在下方就显示编码,复制编码在编辑器中将编码粘贴运行代码页面就会显示图片。

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

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

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

如遇章节错误,请点击报错(无需登陆)

新书推荐

摯野 神偷保镖 他們總以為我弱不禁風[穿書] 华灯初上时 军婚:高冷首长被天才医生拿下了 我在惊悚世界靠魔法封神 超神機械師