图片路径

一、图片的绝对路径

例如:绝对路径根据图片存放文件路径来输入。

<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>

  

posted @ 2015-06-05 02:15  黑衣大葛葛  阅读(265)  评论(0编辑  收藏  举报