Thursday 7 May 2015

CREATING AND USING IMAGE MAPS USING HTML



Imagemap.html


      <HTML>
<HEAD>
<TITLE>Image map</TITLE>
</HEAD>
<BODY>
<MAP d=”picture”>
<AREA href=”Tamilnadu.html” shape=”circle” cords=”170,490,30” alt=”tamilnadu”/>
<AREA href=”Karnataka.html” shape=”rect” cords=”115,390,150,450” alt=”karnataka”/>
<AREA href=”Andhra pradesh.html” shape=”circle” cords=”140,290,30” alt=”Andhra pradesh”/>
<AREA href=”Kerala.html” shape=”poly” cords=”115,455,160,470,140,485,150,505,150,530,135,500,115,455” alt=”kerala”/>
</MAP>
<IMG SRC=”India.jpg” alt=”India” usemap=”#PICTURE”/>
</BODY>
</HTML>















TAMILNADU.HTML


<HTML>
<HEAD>
<TITLE>About Tamilnadu</TITLE>
</HEAD>
<BODY>
<CENTER><H1>Tamilnadu</H1></CENTER>
<HR>
<UL>
<LI>Area:1,30,058sq.kms</LI>
<LI>Capital:Chennai</LI>
<LI>Language:Tamil</LI>
<LI>Population:6,21,10,839</LI>
</UL>
</BODY>
</HTML>



ANDHRAPRADESH.HTML


<HTML>
<HEAD>
<TITLE>About Andhrapradesh</TITLE>
</HEAD>
<BODY>
<CENTER><H1>Andhrapradesh</H1></CENTER>
<HR> <UL>
<LI>Area:2,75,068sq.kms</LI>  <LI>Capital:Hydrebad</LI>
<LI>Language:Telugu</LI>      <LI>Population:7,57,27,541</LI>
</UL>
</BODY> </HTML>
KARNATAKA.HTML


      <HTML>
<HEAD>
<TITLE>About Karnataka</TITLE>
</HEAD>
<BODY>
<CENTER><H1>Karnataka</H1></CENTER>
<HR> <UL>
<LI>Area:1,91,791sq.kms</LI> <LI>Capital:Bangalore</LI>
<LI>Language:Kannada</LI>  <LI>Population:5,27,33,958</LI>
</UL>
</BODY>
</HTML>


KERALA.HTML


<HTML>
<HEAD>
<TITLE>About Kerala</TITLE>
</HEAD>
<BODY>
<CENTER><H1>Kerala</H1></CENTER>
<HR>
<UL>
<LI>Area:38,863sq.kms</LI>
<LI>Capital:Thiruvananthapuram</LI>
<LI>Language:Malayalam</LI>
<LI>Population:3,18,38,619</LI>
</UL>
</BODY>
</HTML>



No comments:

Post a Comment