返回首页
当前位置: 主页 > 编程语言 > HTML教程 >

HTML在网站中添加图片教程

时间:2017-01-23 22:53来源:电脑教程学习网 www.etwiki.cn 编辑:admin

如果网站里面都只是文本的话,那么网站就难免会让人觉的太枯燥了。为了让我们的网站漂亮起来,这章我们来学习如果在网站中添加图片。

添加图片也是通过一个简单的标签来引用图片到网站上了,这个标签就是img.
下面是一个简单的添加图片的示例:

<img src="http://www.kmpavt.com/ArticleImages/20120521095225.jpg" width="150" height="50" alt=".net学习网图片示例">

显示的效果如下:


解释一下上面代码的意思。
src:这个属性用来设置图片在电脑中的位置,好让浏览器根据这个位置去找到这个图片。这个地址可以是相对地址,也可以是绝对地址。大部分情况下我们都会用相对地址。比如图片放在和网页同一个目录下面,那么直接用src="图片名称"就可以了,如果图片和网页不同一个目录下面,那我们只要在图片名称前面加上对应于网页所在目录的路径名称就可以了。

width:设置这个图片的宽度。
height:设置这个图片的高度。
这个属性不是必须的,因为你不设置这两个属性,那么浏览器在下载图片的时候会计算出图片的大。缓笙允就计氖导蚀笮。但我们推荐设置这两个属性,因为如果不设置,那么浏览器需要重新渲染图片,影响网页加载速度。

alt:这个属性是对图片的说明。就是告诉浏览器这是一个什么样的图片,因为浏览器虽然认的字,但认不的图片。这个属性的一个功能是,如果浏览器在加载图片时失败了(不管是什么原因失败了,比如网速太慢等),那么浏览器就会在图片的位置显示alt设置的说明,告诉浏览者这是一张什么图片。还有一个功能是,告诉搜索引擎(比如百度)这个图片是什么,如果你上传一张明星的图片,百度可不知道你的这张图片上面是谁,因为它不认的图片,但如果你在alt上面写上这位明星的名字,百度就知道图片上是谁了,下次有人搜索这个人的图片时,就有可能将你的这张图片搜索出来。

网站上常用的图片格式为gif,jpg,jpeg,png。

------分隔线----------------------------
标签(Tag):html HTML初级教程
------分隔线----------------------------
推荐内容
猜你感兴趣