Geek4Tutorial.com: HTML - Images

HTML - Images

HTML <img> tag is used to display images in the web page.

The images are just linked, not inserted into the web page. The <img> creates a holding space for the image.

The <img> tag is an empty tag that doesn't have a closing tag. It contains only attributes.

The required attributes of the <img> tag are

src - Specifies the path of the image

alt - Specifies alternate text for the image

      <img src="url" alt="alternate-text">

List of other optional attributes of the <img> tag

border - sets a border for the image by specifying in pixels.

width, height - define width and height of the image in pixels or percentage.

vspace, hspace - define the horizontal and the vertical space between the text and the image when text is wrapped around the image.

align - defines the image alignment.

    <!DOCTYPE html>
    <html>
      <head>
         <title>HTML Image Example</title>
      </head>
      <body>
        <img src="img/v-color.jpg" width="30%" height="30%" align="center" vspace="5" hspace="10"> 
        <p>Buy T-shirt</p>
      </body>
    </html>

Output:

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)