HTML TOPICS

HTML IMAGES

The HTML <img> tag is used to embed an image in a web page.

The <img> tag is empty, it contains attributes only, and does not have a closing tag.

The <img> tag has two required attributes:

  • src – Specifies the path to the image
  • alt – Specifies an alternate text for the image

Syntax

<img src=”url“ alt=”alternatetext“>

<!DOCTYPE html>
<html>
<head>
<title>WebPage</title>
</head>
<body>
<h1>IMAGE</h1>
<img src=”lotus.jpg” alt=”lotus image”/>
</body>
</html>

Output

html image

Height and width attribute with img tag

It is an optional attribute which is used to specify the width and height to display the image

<!DOCTYPE html>
<html>
<head>
<title>WebPage</title>
</head>
<body>
<h1>IMAGE</h1>
<img src=”lotus.jpg” alt=”lotus image” height=”300px” width=”600px”/>
</body>
</html> 

Output

html height

DOWNLOAD LATEST PROJECTS

DOWNLOAD

IMAGE ATTRIBUTES <img/>

USE

EXAMPLE

Src

Image url

<img src="image.png" alt="Test Image"/>

Width,Height

Set image width and height in pixels

<img src="image.png" width="100" height="100"/>

Border

Set image border.0 means No border.

<img src="image.png" border="2"/>

Align

Image Alignment-Left,Center or Right.

<img src="image.png align="right"/>