Tecnología

Inicio

Cómo agregar imágenes a partir de archivos de documentos a páginas Web

Cómo agregar imágenes a partir de archivos de documentos a páginas Web


A medida que la velocidad de descarga de Internet han aumentado, las imágenes de los sitios web son casi obligados a captar la atención de los navegadores. Adición de una imagen de un documento a su sitio web requiere varios pasos. No se puede vincular a una imagen en su disco duro, por lo que primero es necesario poner la imagen en línea. A partir de ahí, algo de código HTML lo coloca en su página web.

Instrucciones

1 Guarda la imagen en su disco duro. Con la mayoría de los programas de documento (como Microsoft Word), seleccione la imagen en el documento, arrastrar y soltar con el ratón en algún lugar de su disco duro.

2 Sube la imagen a un sitio de alojamiento de imágenes, tales como Flickr, Snapfish, o incluso su página de Facebook. Haga clic en la imagen cargada y seleccione "Copiar dirección de imagen" (redacción varía según el navegador).

3 Abrir el código de su página web.

4 Escriba lo siguiente en la que desea que aparezca la imagen: <img src = "DIRECCIÓN">

5 Pegue la dirección que ha copiado en el paso 2 en lugar de "DIRECCIÓN".

6 Guardar el código.

Consejos y advertencias

  • Para cambiar el tamaño de la imagen, añadir etiquetas "ancho" y "alto" en el código HTML de la imagen (en píxeles). Por ejemplo <img src = "DIRECCIÓN" width = 400 height = 250>. Para ajustar la anchura y la altura, sólo cambia los números.
  • Por defecto, la imagen ocupará su propia línea en el lado izquierdo de la página, sin texto a la derecha o izquierda. Para situarlo junto al texto, añadir estilo = "AlignLeft" o estilo = "bside" (incluya las comillas) en cualquier lugar de la etiqueta de la imagen. Para centrarlo con el texto a ambos lados, agregar estilo = "aligncenter". Para centrarla sin texto a ambos lados, añadir el ligeramente diferente style = "text-align: center".