Scribd
Upload
4 views

HTML_LAB_Handout3

The document provides a lab handout focusing on lists, hyperlinks, and imagemaps in HTML. It includes examples of ordered and unordered lists, a table for monthly savings, and instructions on how to make an image a hyperlink. Additionally, it outlines steps to overlay a map on an image with clickable areas.

Uploaded by

lenonservicesindia
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
4 views

HTML_LAB_Handout3

The document provides a lab handout focusing on lists, hyperlinks, and imagemaps in HTML. It includes examples of ordered and unordered lists, a table for monthly savings, and instructions on how to make an image a hyperlink. Additionally, it outlines steps to overlay a map on an image with clickable areas.

Uploaded by

lenonservicesindia
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

LAB HANDOUT 3- Lists and hyperlinks, Imagemaps

<ol type =”A” >


<li> Great Car Sites </li>
<ul type = “square”>
<li> <a href = “ www.mb.com” >Mercedence Benz </a> </li>
<li> BMW </li>
</ul>
<li> Search Engines </li>
<ol type = “1” >
<li> Google </li>
<li> Yahoo </li>
</ol>
</ol>
Try the following:
<html>

<body>

<table align="center" border="1" cellpadding="4" cellspacing="2"


width="50%">

<tr align="center">

<th colspan="2">Monthly Savings</th>

</tr>

<tr>

<th>Month</th>

<th>Savings</th>

</tr>

<tr>

<td>January</td>

<td>$100</td>

</tr>

<tr>

<td>February</td>

<td>$80</td>

</tr>

</table>

</body>

</html>
How will you make image as a hyperlink?
<a href=”.com”> <img src = “car.jpg” alt= “ car image” width = “200” height =
“200”/> </img> </a>

1. Just add this image to the webpage.


2. Add hyperlink to this image.
3. Overlay map on this image and pick any three clickable areas in this.

You might also like