Images,图片,html中用的比较多的!

在HTML图像是< IMG >标签定义。图像标签是空元素只包含的属性,因此没有关闭标签。使用< IMG >标签的最简单的方法是与src属性(SRC是一个缩写的来源)。的src属性的值是要显示的图像的URL。
该URL指向的图片存储通常会在你的服务器。

<img src="my-picture.jpg">

除了src属性,alt属性是太需要。ALT是替换文本的缩写。的ALT值的元素attribure替用内容–这意味着,alt属性将显示如果浏览器不能显示图片本身。的ALT属性的值是什么screenreaders会大声朗读,当他们来到你的形象。这意味着,,ALT标签应该被用来描述实际的图片。让我们说,这幅画是安吉丽娜-朱莉的肖像,的HTML标记看起来像这样:

<img src="my-picture.jpg" alt="Portrait of Angelina Jolie">

另一方面,一张毕加索的画也被称为“天使费尔南德兹deSoto的肖像。从毕加索蓝色期的后期工作。一个人可能饮用苦艾酒,在一个阴暗的风格描绘”。为什么这段描述?想象一下,你不能se图片和ALTtxt是你的图片描述。

提到关于图像标签的标题属性上的属性。如果你曾经在你的鼠标在图像和看到的文本,这是title属性的值。此外,本文是通常被称为工具提示。这增加了语义图片但只应作为图片在悬停效果不能与你的网页的可用性冲突。这意味着,你不应该使用标题属性,例如图像作为页面导航。

你学到了什么

为了显示图像,你总是要添加到图像标签的src属性

如果因为某种原因不能浏览器显示您的图片的ALT属性的值是screenreaders和必要的

alt属性是相关的screenreaders和搜索引擎的webcrawlers–所以记得使用它!

 

 

 

 

 

 

 

 

posted @ 2013-09-10 20:43  luoxuqiang编程一步  阅读(316)  评论(0)    收藏  举报
我是罗序强,博主喜欢劲五加,喜欢编程。