HTML Image Borders and Align

Image Borders

An image has no border by default. You can add a border to the image using the border setting and it is supported in all major browsers.

<img src="picture1.png" border="2">

Note : The border attribute of HTML < img > is deprecated in HTML 4.01

Image Align

You can align an image in HTML according to the surrounding element. Aligning pictures can help you better space out your web site and make it easier for your visitors to read.

<img src="picture1.png" align="LEFT">

You can use the following alignments in HTML Img tag:

default, center, right, left, top, texttop, middle, absmiddle, baseline, bottom, absbottom and center

Note: The align attribute is supported in all major browsers but it is deprecated in HTML 4.01.

HTML Source Code :

<html>
  <body >
    <img src="http://www.corelangs.com/logo.png" width=127 height=31 alt="Logo Picture" align="LEFT">
    Here showing an HTML image with left aling
  </body>
</html>