第二章图片标签与路径三种列表vip 2

2023/9/19章节二：图片标签与路径、列表标签主讲老师：阿飞2023/9/191.img图片标签2.三种列表标签2023/9/19一：img图片标签（一）常见图片格式图片格式透明性无损耗性动画Gif√（只支持全透明）√√Jpeg/jpg×××Png√（半/全透明都支持）√×2023/9/19一：img图片标签（二）图片标签写法 <imgsrc=""alt=""width=""height=""/>图片四要素 src="" alt="" width="" height=""提示属性 title=""2023/9/19一：img图片标签（三）路径知识（相对路径、绝对路径）1.相对路径：(RelativePath) 相对于该文件的路径；2.绝对路径：(AbsolutePath) 从磁盘出发的路径； 从域名出发的路径。2023/9/19一：img图片标签（四）图片位置设置

<imgsrc=""……align=""/>align属性--设置图片与后面文字的位置关系，值--top、bottom、middle、absmiddle、left、right2023/9/19二：三种列表标签（一）1.无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点等符号进行标记。 <ul> <li>茶</li> <li>果汁</li> <li>牛奶</li> </ul>

项目符号：type="disc"实心圆 type="circle"空心圆 type="square"方块符2023/9/19二：三种列表标签（二）无序列表的嵌套<ul> <li>茶 <ul> <li>红茶</li> <li>绿茶</li> </ul> </li> <li>果汁</li> <li>牛奶</li></ul>2023/9/19二：三种列表标签（三）有序列表：有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于<ol>标签。每个列表项始于<li>标签。<ol> <li>第一条：……</li> <li>第二条：……</li> <li>第三条：……</li></ol>项目符号：type="A"ABCDtype="a"abcdtype="1"1234默认值type="I"IIIIIItype="i"iiiiii2023/9/19二：三种列表标签（四）有序列表的嵌套<ol> <li>第一条 <ul> <li>红茶</li> <li>绿茶</li> </ul> </li> <li>第二条</li> <li>第三条</li></ol>2023/9/19二：三种列表标签（五）自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以<dl>标签开始。每个自定义列表项以<dt>开始。每个自定义列表项的定义以<dd>开始。<dl><dt>计算机</dt><dd>用来计算的仪器......</dd><dt>显示器</dt><dd>以视觉方式显示信息的装置......</dd></dl>2023/9/19命名两种命名方法：id="idname"idname唯一，只能出现一次class="classname1classname2"classname不唯一，并可以有多个，多个之间以空格隔开。命名规则： 只能使用字母、数字、_+-等符号； 以英文字母开头； 英文严格区分大小写； 见名知义； 驼峰命名法。2023/9/19作业：

利用框架整理今天知识笔记作业提交：

地