area.shape | Html

Descripción

Indica la forma que adoptará el elemento area dentro de la imagen para trazar la zona enlazable. Las posibles opciones que tiene son rect, circle, poly o default.

Sintaxis

<area shape="rect|circle|poly|default">

Elemento Padre

area

Ejemplo

<img src="navegadores.png" usemap="#navegadores" border="0" width="821" height="152" alt="Navegadores" />

<map id="navegadores" name="navegadores">
<area shape="rect" coords="0,0,157,147" href="http://www.ayudaenlaweb.com/navegadores/que-es-internet-explorer/" alt="Internet Explorer" title="Internet Explorer" />
<area shape="rect" coords="164,0,321,147" href="http://www.ayudaenlaweb.com/navegadores/que-es-firefox/" alt="Firefox" title="Firefox" />
<area shape="rect" coords="340,0,497,147" href="http://www.ayudaenlaweb.com/navegadores/que-es-google-chrome/" alt="Google Chrome" title="Google Chrome" />
<area shape="rect" coords="507,0,664,147" href="http://www.ayudaenlaweb.com/navegadores/que-es-safari/" alt="Safari" title="Safari" />
<area shape="rect" coords="659,0,816,147" href="http://www.ayudaenlaweb.com/navegadores/que-es-opera/" alt="Opera" title="Opera" />
</map>

Artículos

Imagen con áreas enlazables

Manual HTML

Aprende más sobre HTML consultando online o descargando nuestro manual.

Test HTML

¿Te atreves a probar tus habilidades y conocimiento en HTML con nuestro test?

Vídeos HTML

Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.