Herramientas en línea

Manual de referencia

: Etiqueta <progress>

HTML: Atributo coords en <a>

Ejemplo en línea

En el elemento <a> se utilizan los atributos shape y coords para crear un mapa de imágenes:

Ejemplo
!doctype html>
<html>
<head>　-　<title>html: Uso del atributo coords en <a>3codebox.com)</title>
</head>
body>
<p>Haga clic en el sol o en los planetas cercanos de la imagen:/p>
<object data="planets.gif" alt="Planetas" type="image/gif" usemap="#Map1">
　<map name="Map1">
　　　<a href="sun.html" shape="rect" coords="0,0,82,126">Sol</a>
　　　<a href="mercur.html" shape="circle" coords="90,58,3">Mercurio</a>
　　　<a href="venus.html" shape="circle" coords="124,58,8">Júpiter</a>
　</map>
</object>
<p><b>Atención:</b>Actualmente solo los navegadores Firefox y Opera soportan la propiedad coords.</p>
</body>
</html>

Prueba para ver ‹/›

Navegador compatible

IEFirefoxOperaChromeSafari

Actualmente solo los navegadores Firefox y Opera admiten el atributo coords.

Definición y uso

HTML5No se admite el atributo coords en <a>.

El atributo coords se utiliza generalmente con shape Los atributos se utilizan juntos, a través de dos atributos se pueden especificar el tamaño, la forma y la posición del enlace en los elementos <object> o <img>.

Las coordenadas de la esquina superior izquierda son 0,0.

Consejo:Para crear un mapa de imágenes que funcione en todos los navegadores, utilice <area> 　Elemento.

Sintaxis

<a coords="value">

Valor del atributo

Valor	Descripción
x1,y1,x2,y2	Si el atributo shape se establece en "rect", este valor especifica las coordenadas del extremo superior izquierdo y el extremo inferior derecho del rectángulo.
x,y,radius	Si el atributo shape se establece en "circ", este valor especifica las coordenadas del centro y el radio del círculo.
x1,y1,x2,y2,..,xn,yn	Si el atributo shape se establece en "poly", este valor especifica las coordenadas de los lados del polígono. Si la primera y la última coordenada no son iguales, para cerrar el polígono, el navegador debe agregar la última pareja de coordenadas.

HTML <a> etiqueta

HTML: <template> etiqueta