一、图片的绝对路径
例如：绝对路径根据图片存放文件路径来输入。
<html> <head> <title>绝对路径</title> </head> <body> <img src="F:HTML实例img.jpg"/> </body> </html>
二、图片的相对路径
例如：相对路径根据图片的名称输入。
<html> <head> <title>相对路径</title> </head> <body> <img src="img.jpg" alt="图片标记" border="1" width="300" height="200" align="right" vspace="10" hspace="10"/> </body> </html>
三、段落与文字的融合
1、img图片属性写入文字中，做相应的调整。
2、调整用到的属性【space】【hspace】
<html> <head> <title>标题</title> </head> <body leftmargin="100"> 把记忆时钟回拨到三年前的谷歌I/O大会，这种对比就显得尤为残酷。 2012年的那次大会或许是近年来最印象深刻和值得记忆的，因为谷歌 发布了一款令世界都激动的黑科技——谷歌眼镜。在那一年的大会尾声 ，谷歌联合创始人谢尔盖·布林(Sergey Brin)突然出现在舞台，用一种 令全场沸腾的方式发布了当时谷歌最令人关注的新产品。<img src="img.jpg" alt="图片标记" border="10%" width="300" height="200" align="right" vspace="10" hspace="10"/> 通过会场大屏幕，现场观众看到布林借助谷歌眼镜与会场上方直升飞 机上的朋友进行视频通话。随后机上人员跳伞降落，布林和现场观众 一道以实时视角看到了跳伞人员下坠以及降落伞打开的全过程。 降落 在一个建筑物屋顶之后，机上人员将一个小包裹交给了下一组人员， 而后通过绳索下落到地面，再转交给骑自信车的最后一组传递人员。 这时候布林宣布，这座建筑物就是大会会场Moscone West，而骑车人 员马上就会进入会场。全程顿时响起掌声和欢呼声。 一分钟后，几名 骑自行车的工作人员直接驶入会场及主席台。 </body> </html>