Html Images tag :##lesson 3

1. HTML Image Tag:  

 HTML <img /> tag is insert image into a web document.
 HTML image path define/declare inside <img /> tag.
 The <img /> tag is empty tag, that mean's no closing tag.
 <img /> tag have some attributes are use for display image on web page.
 The src attribute, src stands for "source", that is path of image URL
 Alt Attribute used to define an "alternate text" for an image. This specifies text to be identified in the image name.
 Width and Height specifies the size of image to display on webpage.


Example : Image alignment (Right side) :

<html>
<head>
 </head>
<body> 
 <img src="images\img_nat.png" width="120" height="80" alt="Natural" align="right"/>   <p>Natural resources (economically referred to as land or raw materials)
</p>
</body>
 </html>

Image alignment (Wrap around):

 <html>
 <head>
</head>
<body> 
<img src="images\img_nat.png" width="120" height="80" alt="Natural" align="left"/>
  <p>Natural resources (economically referred to as land or raw materials)      <br clear="all" />   
 resources are derived from the environment. Many of     them are essential for our survival while others are used for satisfying      our wants. Natural resources may be further classified in different ways.
  </p>
</body>
 </html>


Image Link :

<html>
<head>
</head>
 <body> 
 <a href="http://www.way2tutorial.com/html/tutorial.php">   
  <img src="images\img_nat.png" width="120" height="70" alt="Natural" /> 
 </a>
</body>
 </html> 

Comments

Popular posts from this blog

Building Your First Web Page : ##lesson1

Tutorial Blog 1 : Basic Concepts of Reversible Circuits ( Quantum Computing)

Want to Learn Web Design Basics?