El elemento <area>
El elemento <area> se usa para definir un área dentro de un objeto
imagen y asociar esa área con un hiperenlace. Observe el ejemplo de abajo. El objeto
imagen simple de abajo tiene 3 áreas definidas, Rojo, Azul y Amarillo. Usamos el
elemento <area> para definir 3 regiones y asociar las 3 regiones
con diferentes páginas web. Haga clic en cada uno de los 3 colores para abrir las
páginas de destino.
Código ejemplo:
<html>
<head>
<title>El Elemento Area</title>
</head>
<body>
<IMG
height=80
alt="Colors and Destinations"
src="images/colors.gif"
width=256
useMap=#Colors
border=0>
<MAP
name=Colors>
<AREA
shape=RECT
title="To Speakcomputers.com"
target="_blank"
coords=6,16,67,64 href="http://www.speakcomputers.com"
/>
<AREA
shape=RECT
title="To Google"
target="_blank" coords=80,16,141,64
href="http://www.google.com"
/>
<AREA
shape=RECT
title="To MSN"
target="_blank" coords=156,16,218,64
href="http://www.msn.com"
/>
</MAP>
</body>
</html>
|
|