HTML (17)
Image tag ( Attribute )
The align attribute
It is used to specifies image alignment
Top alignment = The top of the image is aligned with the top of the edge of the tallest item in the current line of text.
Middle alignment = It align the middle of the image to the middle of the tallest item in the current line,text or image.
Mozilla firefox and Internet explorer treat it differently. They align it regardless of inline elements.
Bottom alignment = This align the bottom of the image in the same horizontal plane as the baseline of the text.
Left and Right alignment = This tells the browser to place an image against the left or right margin,respectively of the text.
TAG ⟶ align = top,bottom,left,right
EXAMPLE ↓↓↓↓↓
<html>
<head>
<title>My Page</title>
</head>
<body>
<P>Image tag align attribute</P>
<p> <img src = "C:\Users\Public\Pictures\Sample Pictures\11.jpg" align=right> </p>
<p> <img src = "C:\Users\Public\Pictures\Sample Pictures\11.jpg" align=left> </p>
</body>
</html>
<html>
<head>
<title>My Page</title>
</head>
<body>
<p>Image tag align attribute
<img src = "C:\Users\Public\Pictures\Sample Pictures\11.jpg" align=bottom>
</p>
<P>Image tag
<img src = "C:\Users\Public\Pictures\Sample Pictures\11.jpg" align=top> </p>
</body>
</html>
<html>
<head>
<title>My Page</title>
</head>
<body>
Image tag align attribute
<img src = "C:\Users\Public\Pictures\Sample Pictures\11.jpg" align=middle>
</body>
</html>
<head>
<title>My Page</title>
</head>
<body>
Image tag align attribute
<img src = "C:\Users\Public\Pictures\Sample Pictures\11.jpg" align=middle>
</body>
</html>
0 Comments