图片:img标签定义html页面中的图像
语法:
属性:
src属性:
作用:用于指定图像文件的路径和文件名
必须属性
alt属性:
作用:用来指定替换的文本,当图片加载失败显示改文字对图像进行替换,有利于用户体验
title属性:
作用:当鼠标悬停在图片上,鼠标的右下角出现对应的文字,对图片进行解释说明,有利于用户体验
width/height属性:
作用:用于指定图片的宽度/高度
注意:如果指定款或高其中的一个,另一个按照原比例等比例缩放
默认样式:
多张图片早一行显示
图片之间有间隙 -- 换行会被解析成空格
默认产生下间隙
路径:images文件夹存放图片,找图片是,急需要通过路径来描述图片文件的位置
URL--统一资源定位符,
绝对路径:
网络上的绝对路径:
语法:在网上复制图片链接
磁盘上的绝对路径
语法:在C盘出发复制上面的路径;
特点:绝对URL始终指向同一位置,无论在何处使用
注意:在链接到同一个网站的其他位置时,应该尽可能使用相对路径,链接到另外一个网站时,需要使用绝对路径。
相对路径:
指的是由这个文件所在的位置为参考基础,而建立出的目录关系,常用的描述路径的方法:当前目录、上一级目录、下一级目录。
当前目录:
语法:./ 如果引用的文件和当前文件处在同一级./ 可以省略
上一级目录:
语法:../
下一级目录
语法: /