Categories

Añadir imágenes utilizando un editor de HTML

Template-help.com Team noviembre 15, 2010
Rating: 2.2. From 6 votes.
Please wait...

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:

<img src="root_to_the_image_file" alt="image_description"/>

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?

Esta entrada fue publicada el Trabajar con HTML y etiquetada HTML, images. Agregar enlace permanente a marcadores.

Submit a ticket

Si Usted todavía no puede encontrar un tutorial suficiente para arreglar su problema, por favor use el siguiente enlace para enviar un ticket a nuestro equipo de soporte técnico. Nosotros enviaremos nuestra respuesta dentro de próximas 24 horas: Enviar un ticket

Chat en Vivo
We help you to choose the right product.