本节简介:本节课通过几个小案例的演示,让大家了解在网页中插入图像的方法,熟练使用多种方式在页面中加入不同的图像,了解图像的各个属性的作用。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
顶栏,站点---管理站点----高级设置---设置默认图像文件夹,设置后引用的图片会被默认成位置位于该文件夹
相对路径:相对自己的位置去找别的元素;绝对路径:直接找到盘符路径。相对路径更好
<img图像标签 src图像地址 width宽度 height高度 等比例缩放只写一个值{宽或高}
单标签 <img/> 图片 <hr/>水平线 <br/>换行
src=“网络图像地址” alt替换 图像加载失效时给用户提示,也是搜索引擎优化,在搜索相关的关键词时可以检索到这张图片
img 单标签,src 属相是图像的地址,为了保证宽与高等比变化,只需要定义其中一个属相即可,另外在站点外的图片不导入到站点的情况下,代码显示的是绝对路径,容易导致文件失效,故需要将站外的图片导入到设计面板时,copy到站点内的img文件夹内。为了方便储存图片,管理站点-高级-默认图像文件夹。还可以引入网络图片,右键-复图片地址
<img/>是单标签,alt描述属性,也要先填写上。
alt,图片加载失败时网页显示的文字,可以被搜索引擎检测到
img 单标签,src 属相是图像的地址,为了保证宽与高等比变化,只需要定义其中一个属相即可,另外在站点外的图片不导入到站点的情况下,代码显示的是绝对路径,容易导致文件失效,故需要将站外的图片导入到设计面板时,copy到站点内的img文件夹内。为了方便储存图片,管理站点-高级-默认图像文件夹。还可以引入网络图片,右键-复图片地址
<img src=‘’ ‘’ alt='' ''图片插入
绝对路径:从自己电脑盘留指定文件位置 相对路径:相对自身位置寻找文件