顶点小说

手机浏览器扫描二维码访问

第44章 训练猫咪一本就够了（第2页）

标签名为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＞

＜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"＞。

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