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

|网页对话|电话:0871-63215311

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

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

如何利用img标签在您的网页中插入图片元素。

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

下面,让我们来看看图像标签:<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”属性。

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

发表评论评论列表(有 条评论)

网页对话 0871-63215311