To know all about html Images

To know all about html Images

Hello,

Image tag is used in html to add image in web page. This tag is defined by <img>.

To create image tag you have to know about some attributes.

“src” is used for the image file  source.

“alt” is used for image name to show.

And other attributes are simple which width and height.

Thanks

To know all about html Images

HTML image is the command use to add images on your webpage. The format for placing images to your page is stated below:

<IMG SRC="image.gif" ALT="text" WIDTH="20" HEIGHT="20">

The IMG stands for Image and the SRC is the source of your image where your image.gif is the filename of your image. The ALT command is the alternate text that will tell your browser if the image cannot be find. It will display the text and will also let everyone who cannot view the image what is it all about. The Width and the Height is the dimension of your image.

To know all about html Images

The HTML image tag <img> is used to define an image in an HTML document. It requires two attributes: src and alt. This HTML tag is used as a single tag and doesn’t require a closing tag. Note that images are technically not inserted into an HTML document. They are linked to HTML pages and the image tag generates a holding room for the linked or referenced image.

The image tag is supported in all major web browsers such as Google Chrome, Windows Internet Explorer, Mozilla Firefox, Safari, and the Opera browser. The following are the attributes that can be used in the image tag:

• * align – this attribute is no longer supported in HTML5. It specifies the alignment of an image based on the surrounding elements. The align attribute can have the following values: top, bottom, middle, left, and right.
• * alt – this attribute specifies the alternate or substitute text for an image. It usually appears when the image is not available or can’t be displayed.
• * border – this attribute is no longer supported in HTML5. It indicates the width of the border around the image. Its value is declared in pixels.
• * crossorigin – this is a new attribute introduced in HTML5. It permits images from third-party websites that permit cross-origin access to be used with canvas.
• * height – it indicates the height of the image to be displayed by the image tag. Its value is declared in pixels.
• * hspace – this attribute is no longer supported in HTML5. It specifies the whitespace on the left and on the right of an image. Its value is declared in pixels.
• * ismap – it specifies an image as a server-side image-map.
• * longdesc – it specifies a URL to a comprehensive description of an image. Its value is declared in URL format.
• * src – this specifies the URL of the image to be displayed by the image tag. Its value is declared in URL format.
• * usemap – this specifies an image as a client-side image-map.
• * vspace – this attribute is no longer supported in HTML5. It indicates the whitespace on top and bottom of an image. Its value is declared in pixels.
• * width – it specifies the width of the image to be displayed by the image tag. Its value is declared in pixels.

Here is an example of the image tag using the TechyV logo.

<img src="http://d4bdalbaf0n6u.cloudfront.net/techpedia_logo.png" alt="Techyv.com" width="132" height="82">

Output: