昨天学习了a标签的运用，可以将网站的超链接放在HTML文件中，今天学习img标签的使用，把图片插入到HTML网页中。
网页中常见的图像格式大体上有三种，JPG,GIF和PNG
有损压缩，色彩丰富，隐藏一些无用的信息，只保留有用的部分。
简单动画，背景透明。
无损压缩，透明，交错，动画
使用img标签，此标签单独出现
<img src="xxx.gif" alt="XXXXX" />
src:图片来源，路径+文件名。src属性必须带有完整的图片路径
alt:图片的替换文本，当图片无法打开时，网页会自动显示alt的内容来代替图片
绝对路径：图片的src属性写全图片所在的硬盘位置，如：C:/site/logo.gif
相对路径：只写图片的名字和格式，如：logo.gif，当图片的src属性是相对路径时，网页的查找基准是网页文件当前所在的文件夹
1 <html> 2 <head><title>img标签</title><h1>img标签的学习</h1></head> 3 <body> 4 <p> 5 插入一个图片 6 </p> 7 <img src="logo.jpg" alt="One Piece"/> 8 <hr/> 9 </body> 10 </html>
图片的地址在网页所在的文件夹中的一个文件夹(imags文件夹)里面，用图片所在的文件夹的名字引入，<img src="imags/logo.jpg"/>
图片的地址在网页所在的文件夹(pages文件夹)的上层文件夹里面,用..表示上层文件夹，<img src="../logo.jpg"/>
图片的地址在网页所在的文件夹(pages文件夹)的上层文件夹的文件夹(imags文件夹)里面，<img src="../imags/logo.jpg"/>
原文：https://www.cnblogs.com/wangqianming12138/p/14279364.html