Skip to main content

Image Mapping in html






So we are going to see today the Image mapping.

Let's take have a simple practical look at this Properties So, what you have do is 
First touch in computer ..... you will land in other site .
now second touch the mobile phone you will land in different site .
and last touch the coffee and magically you will land in different site .

So, this is because of the image mapping properties. If you want the source code so here is this.


<!doctype html>
<html>
<head>
<title>
image mapping
</title>
</head>
<body>
<img src="https://www.w3schools.com/html/workplace.jpg" height="379px" width=" 400px" usemap="#workmap">
<map name="workmap">
<area shape="rect" coords="30,41,280,350" href="https://www.w3schools.com/html/html_images_imagemap.asp"/>
<area shape="rect" coords="288,169,337,246" href="https://www.w3schools.com/html/phone.htm" />
<area shape="circle" coords="341,298,40" href="https://www.w3schools.com/html/coffee.htm" />
</map>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog

How to increase Typing Speed in upto 100wpm

 a quick brown fox jumps over the lazy dog How to Increase typing speed The only way to type fast is through touch typing without this you can't be able to cross 40wpm but if you had learn to type without looking to the keyboard than, yes you can even cross 200wpm with ease So, now the question arises how to learn touch typing The best to learn touch typing 1. go to the website called edclub.com this is the best platform for learning touch typing 2. Practice at least 20 minutes in a day. 3. Consistency is very much important in learning this skill   Hope you like this post thanks
Post a Comment
Read more

Picnic form with simple html and css

If you want to make picnic form with simple html and css this where you are in write place.  Form Form for Picnic tour Section A Section B Section C Want Food Canteen card Select your food vegitarian Non-veg vegan The source code is..... but wait don't copy and past it. other ways you will never learn to code try to understand the code and copy by writing the code with own finger means with own keyboard Okay. <html lang="en"> <head>     <meta charset="UTF-8"></meta>     <meta content="IE=edge" http-equiv="X-UA-Compatible"></meta>     <meta ...
Post a Comment
Read more