No of visitors who read this post: 545
Category: Web
Type: Question
Author: Michele r
No votes yet

Hello, Can anyone describe about HTML Images? I want to know all about html Images. I want to know details. How does it work? What is the code format? Please describe me.

Comment viewing options

Select your preferred way to display the comments and click "Save settings" to activate your changes.

# Comment Id: 84579

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

# Comment Id: 110423

Hi Dear,

HTML (Hyper Text Markup Language) is a very large Web Language.

And to put Images into webpage by using HTML is called html images.

If you want to put images on your page by HTML language, so you have to put these codes into your Editor.

<img src="--Here you have to describe the location of your image--"></img>

Suppose you have an image 123.jpg in D Drive.

<img src="D:\123.jpg"></image>

Hope you will enjoy this

Thanks

# Comment Id: 132618


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.

# Comment Id: 172297

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:

Techyv.com

Regards
Sharath Reddy