ankitweblogic logo
W e b t u t o r i a l s

HTML Tutorial

Define Website

Define HTML

HTML, Head, Title tag

HTML Body tag

HTML Heading tags

HTML Paragraph tag

HTML Horizontal Line

HTML Hyperlink

HTML Image tag

HTML Font tag

HTML Exercise

HTML Text Direction

HTML Comment

HTML Lists

HTML Marquee tag

HTML Table tag

HTML Table Website

HTML Frame

HTML Iframe

HTML Fieldset tag

HTML Form Elements

HTML Form Exercise

HTML Image Map

HTML Div & Span Tag

CSS Float & Clear

HTML Color Codes

HTML Symbols

HTML Assignment

HTML Image Tag

To insert or apply image in your web page, use HTML <img> tag.
Syntax: <img src="url">

In order to apply image, img tag must have src attribute, src is the image URL or path. In HTML5, there is no need to close <img> tag as it is a empty tag.

Attribute Description
Src src specifies a source path for the image to be displayed on the webpage.
Specifies the height and width of the image.
Align* To change image alignment, possible values are: Left and Right.
Border* Specifies the thickness of a border to be drawn around the image.
Alt Alt attribute specifies the Alternate text that appears when the image is unable to display.
Title Title attribute is used to provide information in the form of tooltip.
hspace* Specifies the margin space on the left and right side of an image
vspace* Specifies the margin space on the top and bottom of an image.
Note: * - denotes deprecated tag in HTML5

Exercise 1: Image Gallery. Click on the image to open it on a full screen in a new tab window.