Añadir imágenes utilizando un editor de HTML

Este tutorial puede ayudar a agregar imagenes en el editor de HTML. Se puede agregar imagenes a su pagina HTML mediante cualquier editor de HTML, sin embargo le recomendamos utilizar las aplicaciones Adobe Dreamweaver o Notepad++.

Modo de diseno

Adobe Dreamweaver ofrece el modo de diseno para los desarrolladores web. Este modo es eficaz si Usted no es desarrollador web profesional. Se le permite ver su pagina HTML como ella se mostrara en el navegador.

Para agregar una imagen a la pagina HTML utilizando el modo de diseno, por favor haga lo siguiente:

1. Asegurese de que esta en el Design Mode (Modo de diseno). Haga clic en Design (Diseno) en la esquina superior izquierda de la pantalla.

2. Coloque el cursor en el lugar donde desea insertar una imagen.

3. En el menu superior escoja Insert > Image (Insertar > Imagen).

4. En la ventana aparecida escoja la imagen de su ordenador y haga clic en OK.

Como resultado Usted vera una imagen anadida a su pagina.

Para evitar errores por favor, asegurese de que:

1. Imagen debe estar en la misma unidad con el fichero de pagina HTML.
2. Le recomendamos colocar su imagen en el directorio ‘images’ en el mismo directorio con el fichero HTML.
3. Si Usted sube imagenes y ficheros HTML a su servidor de hosting – asegurese de preservar la misma estructura de ficheros.

Modo de codigo

Si va a agregar una imagen en el modo de codigo, es necesario utilizar la etiqueta IMG. Por favor, use el siguiente codigo:

Utilizando la etiqueta img puede agregar una imagen a cualquier lugar de su pagina HTML. Hay 2 atributos de etiquetas requeridos: src y alt.

Atributo SRC contiene la ruta al fichero de imagen. Puede ser colocada en el servidor o en algun otro lugar.

ALT – descripcion alternativa para imagen. El atributo mostrara un texto si coloca su cursor del raton sobre la imagen. Es requerido para la validacion de la pagina.

La ruta de la imagen puede ser relativa y absoluta. Por favor consulte el tutorial ?como asignar vinculos?