హెచ్టిఎంఎల్ ఇమేజ్

హ్ట్మ్ల్ ద్వారా డాక్యుమెంట్లో చిత్రాన్ని ప్రదర్శించవచ్చు.

ఉదాహరణ

చిత్రం చేర్చడం
ఈ ఉదాహరణలో, పేజీలో చిత్రాన్ని ప్రదర్శించడాన్ని మాట్లాడుతుంది.
వివిధ స్థానాలలో చిత్రాన్ని చేర్చడం
ఈ ఉదాహరణలో, ఇతర ఫోల్డర్లు లేదా సర్వర్లు నుండి చిత్రాన్ని ప్రదర్శించడాన్ని మాట్లాడుతుంది.

（ఈ పేజీ కిందికి మరిన్ని ఉదాహరణలు ఉన్నాయి。）

చిత్ర టాగ్ (<img>) మరియు సోర్స్ అట్రిబ్యూట్ (Src)

హ్ట్మ్ల్ లో, చిత్రం <img> టాగ్ ద్వారా నిర్వచించబడుతుంది.

<img> ఖాళీ టాగ్ అని అర్థం చేస్తుంది, అంటే ఇది అట్రిబ్యూట్లను మాత్రమే కలిగి ఉంటుంది మరియు మూడటి టాగ్ లేదు.

పేజీలో చిత్రాన్ని ప్రదర్శించడానికి, మీరు సోర్స్ అట్రిబ్యూట్ (src) ఉపయోగించవలసి ఉంటుంది. src అనేది 'source'. సోర్స్ అట్రిబ్యూట్ యొక్క విలువ చిత్రం యొక్క URL చిరునామా.

చిత్రం నిర్వచనం దిశానిర్దేశం ఉంది:

<img src="url" />

URL చిత్రం నిల్వ స్థానాన్ని సూచిస్తుంది. నామం 'boat.gif' చిత్రం www.codew3c.com యొక్క images డైరెక్టరీలో ఉన్నట్లయితే, దాని URL అనేది http://www.codew3c.com/images/boat.gif.

బ్రౌజర్ పాత్రికేయంలో చిత్రాన్ని చిత్ర టాగ్ ప్రదర్శించే స్థానంలో చిత్రాన్ని ప్రదర్శిస్తుంది. మీరు చిత్ర టాగ్ రెండు పేరాల మధ్యలో ఉంచినట్లయితే, బ్రౌజర్ మొదటి పేరును ప్రదర్శిస్తుంది, తరువాత చిత్రాన్ని, చివరకు రెండవ పేరును ప్రదర్శిస్తుంది.

రిప్లేస్ టెక్స్ట్ అట్రిబ్యూట్ (Alt)

alt 属性用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。

alt="Big Boat">

当浏览器无法载入图像时，替换文本属性可告诉读者他们失去的信息。此时，浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯，这样有助于更好的显示信息，并且对于那些使用纯文本浏览器的人来说是非常有用的。

基本的注意事项 - 有用的提示：

假如某个 HTML 文件包含十个图像，那么为了正确显示这个页面，需要加载 11 个文件。加载图片是需要时间的，所以我们的建议是：慎用图片。

更多实例

背景图片
本例演示如何向 HTML 页面添加背景图片。
排列图片
本例演示如何在文字中排列图像。
浮动图像
本例演示如何使图片浮动至段落的左边或右边。
调整图像尺寸
本例演示如何将图片调整到不同的尺寸。
为图片显示替换文本
本例演示如何为图片显示替换文本。在浏览器无法载入图像时，替换文本属性告诉读者们失去的信息。为页面上的图像都加上替换文本属性是个好习惯。
制作图像链接
本例演示如何将图像作为一个链接使用。
创建图像映射
本例显示如何创建带有可供点击区域的图像地图。其中的每个区域都是一个超级链接。
把图像转换为图像映射
本例显示如何把一幅普通的图像设置为图像映射。

图像标签

标签 描述
定义图像。
定义图像地图。
定义图像地图中的可点击区域。