CURSO BÁSlCO DE HTML

4- Insertar imagenes


Usaremos el tag:

<img src="nombre de la imagen con la ruta exacta">

Es una marca de html abierta, no tiene cierre.

Atributos:

ALT="Texto que aparece al situar el cursor sobre la imagen"
También muestra este mismo texto en caso de que el navegador no cargue la imagen.

ALIGN= Nos indica la posición de la imagen respecto del texto. Después del signo igual, pueden ir los valores:
TOP si queremos que el texto esté alineado con la parte superior de la imagen
MIDDLE alinea el texto con la parte central de la imagen
BOTTOM alinea el texto con la parte inferior de la imagen
LEFT alinea la imagen a la izquierda de la página forzando la colocación del texto en la parte derecha y arriba
RIGHT alinea la imagen en la derecha de la página forzando la colocación del texto en la parte izquierda y arriba.

WIDTH=, HEIGTH= Indican la anchura y altura de la imagen en píxels, esto facilita la carga de la página web en el explorador.

BORDER Añade un borde, a modo de marco, a la imagen.

Existen muchos más atributos, pero estos son los más básicos, se trata tan solo de entender nuestros códigos, ya que hoy en día la mayoría de diseñadores de webs, utilizan programas de diseño.

Ir al menú de tutoriales de HTML

Todos los tutoriales son de mi completa autoría,

cualquier parecido con otros, es pura coincidencia.

Queda totalmente prohibida su reproduccion, total o parcial.

Si quieres enlazar mis tutoriales, no hay problema,

solo mandame un e-mail, para comunicarmelo.

Cualquier duda o sugerencia:

Tutoriales registrados

 

Alma Web

Design Sensation by almaweb.es

Foro Design Sensation