HTML5小白长成记（5） ---img嵌入图片

HTML5小白长成记（5）

—img嵌入图片

1 img属性

<img src="图片路径（图片名称.后缀）"  alt="文字" width="" height="">：

src ：必要属性 alt : 当照片无法显示时产生的文字

width ：宽度 height : 高度 单位像素（px 默认）或百分比（相对于浏览器的大小，对于height无效）

2 title属性

<img src="图片路径（图片名称.后缀）"  alt="文字" width="" height="" title="显示内容">

title：属性值为字符串，当鼠标移动到该位置时显示该内容

—路径

1 绝对路径

指出链接资源的绝对位置，与HTML文档的位置无关

①服务器中的位置：<a href="地址">名称</a>

②本地存储的位置：<a hred="file:///D:\..."></a>

2 相对路径

如果链接资源与HTML文档位于同一个路径或者文件夹里 ，可以省略，否则必须指出相对路径，和html文档的位置有关；

①同一个路径：直接写文件名称 或 ./文件名 比如：tp.jpg或者./tp.jpg

②在下级路径：路劲名称/资源名称：xxx/tp.jpg

③在下下级路径：xx/xxx/tp.jpg

④在上级路径：…/资源名称：…/tp.jpg

⑤在上上级路径：在上一级文件夹的上一级文件夹：…/…/tp.jpg

在上一级文件夹的同级文件夹中：…/同级文件夹名称/tp.jpg