HTML Image and Image map

Image HTML Tutorial – Part 1

See the codes used in the video from the link in the description

see simple image tutorial with the code now
<html>
<head>
</head>
<body>

<img src=”image.jpg” alt=”HTML5 Icon” width=”128″
height=”128″>

<img src=”image.jpg” alt=”HTML5 Icon”
style=”width:200px;height:120px;”>

</body>
</html>

Image maps

<html>
<body>

<h2>Image Maps</h2>
<p>Click on the computer, the phone, or the cup of coffee to
go to a new page and read more about the topic:</p>

<img src=”image.jpg” alt=”Workplace” usemap=”#workmap”
width=”400″ height=”379″>

<map name=”workmap”>
<area shape=”rect” coords=”75,40,150,280″ alt=”tab”
href=”computer.htm”>
<area shape=”rect” coords=”290,172,333,250″ alt=”computer”
href=”phone.htm”>
<area shape=”circle” coords=”337,300,44″ alt=”Cup of coffee”
href=”coffee.htm”>
</map>

</body>
</html>

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *