插入图片和相对路径的写法

插入图片<img src="目标文件路径及全称" alt="图片替换文本" title="图片标题" />

(注:所要插入的的图片必须放在站点下)

1.title的作用: 在你鼠标悬停在该图片上时显示一个小提示,鼠标离开就没有了,HTML的绝大多数标签都支持title属性,title属性就是专门做提示信息的。

2.alt的作用:alt属性是在你的图片因为某种原因不能加载时在页面显示的提示信息,它会直接输出在原本加载图片的地方。

相对路径的写法:

1、当当前文件与目标文件在同一目录下,直接书写目标文件文件名+扩展名;

2、当当前文件与目标文件所处的文件夹在同一目录下,写法如下: 文件夹名/目标文件全称+扩展名;

3、当当前文件所处的文件夹和目标文件所处的文件夹在同一目录下,写法如下: ../目标文件所处文件夹名/目标文件文件名+扩展名。

猜你喜欢

转载自www.cnblogs.com/badren/p/9349284.html