HTML Images

  • The <img> tag is empty

Note: The empty tags do not have a closing tag.

  • The src attribute is used for the URL (web address) of the image.
  • The alt attribute is used for alternate text for an image.
Example of HTML Image Tag
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<img src="republic-day.jpg" alt="republic-day">
</body>
</html>

Output

republic-day

Note: if the users for any reason cannot view the image then this attribute is used to show the details about the image. (because of slow connection, an error in the src attribute, or if the user uses a screen reader).

Example of HTML Image Tag
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<img src="republic-day.jpg" alt="republic-day">
</body>
</html>

Output

republic-day

Image Width and Height

  • The width and height attributes is used to set the Image width and height.
Example of HTML Image width and height
<!DOCTYPE html>
<html>
<head>
<title>HTML IMAGE TAG</title>
</head>
<body>
<h4> HTML Images</h4>
<img src="republic-day.jpg" height="180" width="300" alt="republce-day"/>
</body>
</html>

Output

 

HTML Images

animal image
What is HTML
  • HTML is the standard  for Hypertext Markup Language for Web pages.
  • The HTML elements tell the browser ...
    Click Here
Previous topic next topic What is an Element in HTML
  • An Hypertext Markup Language(HTML) element ...
    Click Here
Previous topic next topic HTML Headings
  • The HTML headings are used to define the heading ...
    Click Here
Previous topic next topic HTML Formatting Elements
  • The <b>  element is use for bold text, without ...
    Click Here
Previous topic next topic HTML Comments
  • The HTML Comment are describe the extra feature about ...
    Click Here
Previous topic next topic HTML Attributes
  • Every HTML element can have attributes.
  • The HTML Attribute ...
    Click Here
Previous topic next topic HTML Images
  • The <img> tag is empty
Note: The empty ...
Click Here
Previous topic next topic HTML Links
  • HTML links are hyperlinks.
  • HTML link default color is ...
    Click Here
Previous topic next topic HTML Table
  • An HTML table is defined with the <table> tag.
  • ...
    Click Here
Previous topic next topic Table Backgrounds You can set the table background using one of the ...
Click Here
Previous topic next topic Table Header, tbody and Footer
  • Tables are categories into three parts: ...
    Click Here
Previous topic next topic Basic to Advance table design in HTML Example 1 <!DOCTYPE> <html> <body> ...
Click Here
Previous topic next topic HTML div tag
  • The <div>  element is used for style blocks ...
    Click Here
Previous topic next topic HTML Lists
  • The list is the way to present the data ...
    Click Here
Previous topic next topic HTML Form
  • The HTML <form> element is used to collect user ...
    Click Here
Previous topic next topic HTML Iframe Tag
  • <iframe> an inline frame with an HTML tag ...
    Click Here
English Hindi