云南网站建设创新企业 昆明多彩网络公司

html入门教学九：在网页中插入图片

来源：昆明多彩网络公司 日期：2010-10-20 阅读： 发表评论

现在，你一直想知道如何将图像插入到您的网页？

下面，让我们来看看图像标签：<img src="image.gif" />，IMG代表这里插入图片，src表示图片的路径。图像的src将是图像的Web地址，大多数情况下，你够只需输入图片的文件名就行，就像这样：<img src="image.gif" />。

如果您不想使用GIF图像，还可以选择JPG图像，这是在互联网上使用的最常见的两个扩展图像文件，如果你使用的是其他格式的图片，可以将它们转换成gif或者jpg格式的图片，大部分的图像编辑软件都可以做到的，常用的一个图像编辑软件就是闻名遐迩的photoshop。

实际上，如果图像处于网络上的HTML文件中，你也可以使用该图片，通过引用图像的详细地址实现。例如：如果您的图片位于http://www.kmwzjs.com/image.jpg，可以这个作为图像源的URL：<img src="http://www.kmwzjs.com/image.jpg" />。

如果你不能确定它的使用方法，不太明白它的插入原理的话，那么让我们写一个真实的例子。我们网站中有一个图片名称是：“next.jpg”，图像的地址是：http://www.kmwzjs.com/next.jpg，如果图像和HTML文件在同一目录下，我会这样写：<img src="next.jpg" />，如果图像和HTML文件不在一个网站中，那么就需要这样写：<img src="http://www.kmwzjs.com/next.jpg" />。

看看效果：。

记住，文件名或地址的书写是大小写敏感的（在Linux服务器环境下），所以“image.jpg”和“IMAGE.JPG”被认为是两个不同的图像，请务必使用正确使用图像标签。

简单的插入图片似乎并不能满足我们的学习欲望，看看下面更加丰富的知识吧。

图片对齐和环绕文字；给图像添加链接；使用背景图片；调整图像大小；图片的“alt”属性。

如果你想继续提升，让我们进入下一个部分，学习更多的文字标签。