HTML 5 <img> Tag
Example
How to insert an image:
| <img src="angry.gif" alt="Angry face" /> |
Try it yourself » |
Definition and Usage
The <img> tag defines an image in an HTML page.
Notice that images are not technically inserted into an HTML page, images are
linked to HTML pages. The <img> tag creates a holding space for the referenced
image.
Differences Between HTML 4.01 and HTML 5
Some HTML 4.01 attributes are not supported in HTML 5.
Attributes
| Attribute |
Value |
Description |
| alt |
text |
Defines a short description of the image |
| src |
URL |
The URL of the image to display |
| height |
pixels
% |
Defines the height of an image |
| ismap |
URL |
Defines the image as a server-side image map |
| usemap |
URL |
Defines the image as a client-side image map. Look at the
<map> and <area> tags to figure out how it works |
| width |
pixels
% |
Sets the width of an image |
Standard Attributes
| class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title |
For a full description, go to Standard Attributes in HTML 5.
Event Attributes
| onabort, onbeforeunload, onblur, onchange, onclick,
oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave,
ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress,
onkeyup, onload, onmessage, onmousedown, onmousemove,
onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect,
onsubmit, onunload |
For a full description, go to Event Attributes in HTML 5.
The Altova MissionKit is an integrated suite of tools ideal for:
- XML development
- Web & Web services development
- Data mapping & integration
- Rendering & publishing XML & database data
- XBRL validation, taxonomy editing, transformation & rendering
The MissionKit for XML Developers includes XMLSpy® - the industry-leading XML editor; MapForce® - a
graphical data mapping, conversion, and integration tool; StyleVision® - a visual XSLT stylesheet designer;
DiffDog® - an XML-aware diff/merge tool; and 2 additional tools.
Try all 6 products free for 30 days!
Download a fully-functional free trial
|
|
|
|
