Cómo colocar imágenes en el código HTML

Escrito por ehow contributor | Traducido por jane laury
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo colocar imágenes en el código HTML
Colocando imágenes en el código HTML. (Programming Code Source Background Texture Illustration Design image by Bob Davies from Fotolia.com)

Cómo colocar imágenes en el código HTML. La colocación de imágenes en HTML es algo sencillo, pero todavía puede representar un desafío. El comando en sí mismo es siempre el mismo, pero la computadora aún tiene que "encontrar" las imágenes para subirlas de acuerdo al mapa que hayas programado, por lo que a menudo hay problemas con la adición de imágenes. He aquí cómo agregar imágenes y resolver los problemas.

Nivel de dificultad:
Difícil

Otras personas están leyendo

Instrucciones

  1. 1

    Encuentra el lugar para añadir el comando de imagen. Dado que el lenguaje HTML es lineal, querrás encontrar el código específico de punto de entrada en medio de otro código "línea de comando" HTML para el texto o alineación. También puedes utilizar lenguajes como CSS para manejar tu HTML y colocar las imágenes donde desees que estén.

  2. 2

    Utiliza un comando de imagen de HTML. El formato es así: img src = x, siendo x el resto del comando.

  3. 3

    Coloca tu directorio y el nombre del archivo entre comillas. Para un control total de una imagen con el nombre "foo", el comando sería: img src = "foo"

  4. 4

    Añade el mapa de carpeta de comandos. Para un archivo de imagen con el nombre foo.gif ubicado en el escritorio en una carpeta llamada "fotos", el comando se vería así: img src = "fotos /foo.gif"

  5. 5

    Haz una vista previa de tu página. Tu imagen debe aparecer en tu página web.

Consejos y advertencias

  • Si la imagen no se carga correctamente, el equipo probablemente no reconoce el mapa de carpeta que estableciste. Colocar tus imágenes en una carpeta difícil de encontrar acrecienta el problema. Para optimizar la adición de imágenes mantén tus imágenes en una carpeta unida directamente al código fuente de la página web, de modo que no tengas que agregar un mapa de directorios para el comando HTML. Si estás viendo que las imágenes no se cargan, muévelas y vuelve a intentarlo.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles