Diferencia entre revisiones de «Lenguaje HTML/Imágenes»
Contenido eliminado Contenido añadido
Línea 23:
:''width'' - especificar nueva anchura <br />
==
Los mapas de imágenes (también los llaman mapas) son imágenes que contienen zonas sensibles.<br/>
Hay tres formas de zonas sensible: circulares, rectangulares y poligonales. <br />
Las más sencillas de usar son las de forma rectangular y circular, en las cuales sólo se define X e Y.<br />
En las poligonales se define Xn e Yn.
Un ejemplo de esto es:
1<map name="'''ejemplo'''"><br/>
2<area shape="'''polygon'''" coords="210,7,210,198,10,198" href="ejemplo.html" alt="ejemplo"><br/>
3<area shape="'''circle'''" coords="432,72,58" href="ejemplo_círculo.html" alt="ejemplo_círculo"><br/>
4<area shape="'''default'''" nohref><br/>
5</map><br/>
6<img src="imagen.gif" usemap="#'''ejemplo'''"><br/>
Si se fija el elemento shape="" indica el tipo de figura y coords las coordenadas X e Y.<br/>
En la segunda línea de código se ven las coordenadas X e Y. Cada par de números corresponde con un vértice de la figura. En este caso la figura es un triángulo.
En el círculo aparece una tercera coordenada, que equivale al radio.<br/>
La figura default corresponde con las zonas de la imagen que no son sensibles.
La imagen sobre la que se quiere "poner" el mapa se "llama" después de definir todas las zonas sensibles (línea 6).
== Los formatos gráficos ==
| |||