Ferramentas online

Manual de referência

: <progress> etiqueta

HTML: <a> propriedade coords

Exemplo online

Use os atributos shape e coords no elemento <a> para criar uma imagem mapeada:

Exemplo
!doctype html>
<html>
<head>　-　<title>html: Usando a propriedade coords no <a>3codebox.com)</title>
</head>
body>
<p>Clique no sol ou nos planetas próximos na imagem:/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">Solel</a>
　　　<a href="mercur.html" shape="circle" coords="90,58,3">Mercúrio</a>
　　　<a href="venus.html" shape="circle" coords="124,58,8">Júpiter</a>
　</map>
</object>
<p><b>Atenção:</b>Até agora, apenas o Firefox e o Opera suportam a propriedade coords.</p>
</body>
</html>

Teste e veja ‹/›

Navegadores compatíveis

IEFirefoxOperaChromeSafari

Atualmente, apenas os navegadores Firefox e Opera suportam o atributo coords.

Definição e uso

HTML5O atributo coords do <a> não é suportado.

O atributo coords geralmente é usado com shape Os atributos juntos podem definir o tamanho, forma e posição do link dos elementos <object> ou <img>.

As coordenadas do canto superior esquerdo são 0,0.

Dica:Para criar um mapa de imagem que funcione em todos os navegadores, use <area> 　Elemento.

Sintaxe

<a coords="value">

Valor do atributo

Valor	Descrição
x1,y1,x2,y2	Se a propriedade shape for definida como "rect", esse valor especifica as coordenadas do canto superior esquerdo e do canto inferior direito do retângulo.
x,y,raio	Se a propriedade shape for definida como "circ", esse valor especifica as coordenadas do centro e o raio do círculo.
x1,y1,x2,y2,..,xn,yn	Se a propriedade shape for definida como "poly", esse valor especifica as coordenadas dos lados do polígono. Se a primeira e a última coordenada não forem iguais, para fechar o polígono, o navegador deve adicionar o último par de coordenadas.

HTML <a> etiqueta

HTML: <template> etiqueta