第44章 训练猫咪一本就够了

清晨时乌小弟跑到在边上咬着我的被子被它吵醒后一房门乌小弟立马就冲向客厅猫砂盆里去。看了手机才4:13分把保温杯里的水全干后就到厕所里穿着运动内衣，乌弟跑在前头目送我出门。在门口做好热身就起跑一路上黑灯瞎火地上还满是石子，返程时由于早醒的缘故跑着跑着有点头晕在原地站了一会后又重新开跑，跑到后半程时遇到了一光着膀子穿着裤衩的大叔现在晨跑的人儿越来越奔放。

跑到家时天微微亮一开家门就见着乌小弟蹲在门口等着我。我喊着‘黑！’乌弟见到我后放心躺下在边上看着我做拉伸。做着做着刚起床的妈妈端杯温开水下楼，我和她说‘早上记着煮两个鸡蛋。’妈妈说‘好。’进家后脱下跑鞋喊着乌弟上楼。

走到客厅拿着猫砂铲把两崽猫砂盆铲后就去洗澡。洗完澡后下楼刷牙时乌弟也蹲在门口等着我。刷完牙出来和妈妈一起剥着鸡蛋，吃着几口蛋白服用药物后拿着两粒蛋黄上楼。走到乌弟猫碗前见猫碗里还剩猫粮就把蛋黄放进后碾碎乌弟跑上前吃，倒着细妹的猫粮后拿着蛋黄和保温杯进房把猫粮和蛋黄碾碎倒进碗里它也吃起来，在边上碗里倒碗温开水摸着它头和它说‘多喝点水。’细大妹吃着猫粮拽拽摇着头这臭小子妥妥拽姐。

第二十四节 常用的文本标签

1. 用于包裹：词汇、短语等。

2. 通常写在排版标签里面。

3. 排版标签更宏观（大段的文字），文本标签更微观（词汇、短语）。

4. 文本标签通常都是行内元素。

标签名＜em＞含义：要着重阅读的内容为双标签。

标签名＜strong＞含义：十分重要的内容（语气比em要强）为双标签。

标签名＜span＞含义：没有语义，用于包裹短语的通用容器为双标签。生活中的例子： div 是大包装袋， span 是小包装袋。

使用标签名写代码内容时当标点符号不准确时会有黄框提示可单击设置调整后选择禁止突出显示歧义字符。

在网页右击点击检查时可按快捷键ctrl+f查找标签名。

第二十五节 不常用的文本标签

标签名cite含义为作品标题（书籍、歌曲、电影、电视节目、绘画、雕塑）。

标签名dfn含义为特殊术语 ，或专属名词。

标签名为sub 与 sup含义为下标文字 【与】 上标文字。

标签名为del 与 ins 删除的文本 【与】 插入的文本。

标签名为code 表示一段代码。

标签名为samp 从正常的上下文中，将某些内容提取出来，例如：标识设备输出。

标签名为kbd 键盘文本，表示文本是通过键盘输入的，经常用在与计算机相关

的手册中。

标签名为abbr 缩写，最好配合上 title 属性。

标签名为bdo 更改文本方向，要配合 dir 属性，可选值: ltr （默认值）、rtl。

标签名为var 标记变量，可以与 code 标签一起使用。

标签名为small 附属细则，例如：包括版权、法律文本。—— 很少使用。

标签名为b 摘要中的关键字、评论中的产品名称。—— 很少使用。

标签名为i 本意是：人物的思想活动、所说的话等等。现在多用于：呈现字体图标（后面要讲的内容）。

标签名为u与正常内容有反差文本，例如：错的单词、不合适的描述等。——很少使用

标签名为q 短引用 —— 很少使用

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

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

到客厅时乌小弟一闻到我的味道立马就从房间里走出来，我问它‘乌弟现在和外公外婆怎么熟。’乌弟走到我身边跳到沙发上，狼外婆用葵花点穴手指着它。吃着早茶吃剩的几个牛肉饺妈妈帮我泡了杯茶后就出门上班，吃完后喊着乌弟到楼上去。乌弟就冲在前头在楼梯时和她说‘冲！男生女生向前冲！’乌弟就百米冲刺跑到客厅门口，开客厅门后乌弟跑进客厅里舀猫粮给它吃后进房学习。

学习到三点半时走到隔壁房瞧里细大妹一眼见它在吃着猫碗里的猫粮蹲到地上摸着它的头，细大妹也蹲到我前面咬了我一嘴。开房门时见乌小弟守在门外看到我后就冲到厕所里头喝着水瓢里的水发现两个好大儿也钟意喝水。穿着运动内衣拿出绳子跳起来因为早起的缘故整个身体代谢情况都很慢不适合高轻度的运动跳了几下就停下来，拿出轻哑铃练了二十来分钟就拿着扫把上楼。走到细大妹房里帮它收拾着房间把懒人沙发拿着防尘罩罩好后搬到楼顶，那一刻瞬间能理解妇女能顶半边天这句话。在拖客厅时乌小弟在边上跑可是因为地板刚拖好看它跑起来的样子似乎要滑到，拖地细大妹房里时它突然从我拖把上小短腿越过，看到这一幕时说‘呦呦呦跳高选手来着。’被我一夸就害羞跑到床下。拖完后看储粮桶的猫粮快吃完了就到楼下装乌小弟也在屁股后下楼，打扫完收拾着垃圾出门倒掉。乌小弟就守在门口等我回来。

晚饭时乌小弟也跟着我到楼下去，吃着吃着瞧见乌小弟跑到了消毒碗柜上。我和它说‘乌弟下来下来。别摔倒。’妈妈拍着手用葵花点穴手着它。我边吃边哄了几句后乌小弟就下来跑到我脚边，妈妈帮我剥着面里的虾时和我说‘姐姐转1000给她中秋买月饼’。吃饱后喊着乌弟上楼。

洗完头吹干后舀猫粮给乌弟吃进房拿出细妹猫碗出来洗后，乌弟看到后就不乐意。洗完澡出厕所时乌弟这臭小子挡在门口不让我出来走出来时冲我摇着尾巴还咬着我的腿，在厕所门口和这臭小子折腾了几分钟后才功成身退回房。进房后下午收到残疾人两项补贴立马帮着两崽子囤点猫粮。

睡前坐在床边拆着爸爸刚拿回来的快递是乌弟的新猫碗和《训练猫咪一本就够了》拆完后把碗拿到客厅把乌弟原来的碗丢进垃圾桶，拿着猫砂铲铲猫屎时一开房门细妹跑到客厅里，乌弟一见立马跑到客厅门外暗中观察了一会瞧见妹妹个头小就走回客厅里。我在边上喊着细妹回房去，它和乌弟兄四目相对了几秒就怂了又跑回房里，铲完猫屎洗完手关灯回房休息躺在床里拿着两款护眼仪敷眼后很快进入熟睡状态。