Atributos de Insertar imágenes

Para una correcta visualización en los distintos navegadores es aconsejable definir el largo y alto de la imagen que se inserta

LARGO Y ALTO

Para definir el largo y el alto de una imagen utilizamos los atributos WIDTH y HEIGHT

Por ejemplo la imagen ejecutivaanimada tiene unas dimensiones de 167 pixels de largo por 109 pixels de alto. Podemos comprobarlo situándonos sobre la imagen y pulsando el botón DERECHO del ratón seleccionar "Propiedades"

La instrucción quedaría

<img src="ejecutivaanimada.gif" WIDTH="167" HEIGHT="109">

 

 

html

 

EL BORDE DE LAS IMÁGENES

Podemos ponerle borde a la imagen empleando el atributo border y asignándole un valor por ejemplo 2. Si no queremos borde podemos poner border=0

<img border="2" src="ejecutivaanimada.gif" WIDTH="167" HEIGHT="109" >

 

html

 

Es posible y recomendable poner un texto para cuando no aparezca la imagen por algún motivo.

 

TEXTO ALTERNATIVO A LA IMAGEN

Para poner un texto alternativo se utiliza el "tag" ALT

Vamos a poner la imagen anterior con un borde mayor y en un recuadro más largo y menos alto y con el texto alternativo "secretaria animada"

<img border="5" src="ejecutivaanimada.gif" WIDTH="250" HEIGHT="90" ALT="secretaria animada">

 

secretaria animada

¿Te gustó? Pues comparte ;-)
Este sitio usa cookies para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Ninguna cookie será instalada a menos que se desplace exprésamente más de 600px. Leer nuestra Política de Privacidad y Política de Cookies. Las acepto | No quiero aprender cursos gratis. Sácame