欢迎来到.net学习网

欢迎联系站长一起更新本网站!QQ:879621940

您当前所在位置:首页 » (X)HTML初级教程 » 正文

HTML教程-在网站中添加图片

创建时间:2012年05月21日 09:53  阅读次数:(6655)
分享到:
如果网站里面都只是文本的话,那么网站就难免会让人觉的太枯燥了。为了让我们的网站漂亮起来,这章我们来学习如果在网站中添加图片。

添加图片也是通过一个简单的标签来引用图片到网站上了,这个标签就是img.
下面是一个简单的添加图片的示例:
<img src="http://www.lmwlove.com/ArticleImages/20120521095225.jpg" width="150" height="50" alt=".net学习网图片示例">

显示的效果如下:


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

width:设置这个图片的宽度。
height:设置这个图片的高度。
这个属性不是必须的,因为你不设置这两个属性,那么浏览器在下载图片的时候会计算出图片的大小,然后显示图片的实际大小。但我们推荐设置这两个属性,因为如果不设置,那么浏览器需要重新渲染图片,影响网页加载速度。

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

网站上常用的图片格式为gif,jpg,jpeg,png。r
来源:.net学习网
说明:所有来源为 .net学习网的文章均为原创,如有转载,请在转载处标注本页地址,谢谢!
【编辑:Wyf】

打赏

取消

感谢您的支持,我会做的更好!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

最新评论

共有评论0条
  • 暂无任何评论,请留下您对本文章的看法,共同参入讨论!
发表评论:
留言人:
内  容:
请输入问题 58+36=? 的结果(结果是:94)
结  果: