Cómo insertar una imagen en HTML

También puede interesarte:

HTML es un lenguaje de marcado de páginas web. En realidad, es el lenguaje de marcado estandarizado a la hora de desarrollar webs de todo tipo. Hasta tal punto que todos los navegadores lo emplean para visualizar el contenido de las páginas. Pero controlarlo requiere muchos conocimientos. En nuestro blog de desarrollo y diseño hemos escrito ya varios artículos al respecto como nuestro post sobre el código de colores HTML o sobre cómo dejar espacio en HTML. Hoy veremos cómo insertar una imagen en HTML de manera eficaz.

Imagen en HTML

Las páginas web no tienen por qué contar con imágenes. No es un requisito indispensable. Puedes diseñar y colgar en internet una página web que contenga únicamente contenido textual. Es más sencillo y, por regla general, cargará más velozmente que si contiene muchas imágenes. Sin embargo, incorporar imágenes en la página web es una manera estupenda de darle vida. Imagínate entrar en páginas web sin ningún contenido de carácter visual. Máxima sosez. Introducir alguna imagen en HTML puede dinamizar mucho la página.

De hecho, y como agencia de desarrollo web, en Impacto SEOmarketing recomendamos encarecidamente la inclusión de imágenes en las páginas web. No cualquier imagen, por supuesto. Deben ser imágenes que den consistencia al contenido de la misma y que sean coherente con la imagen de marca que queremos generar. A continuación, vamos a explicarte cómo poner una imagen en HTML para que puedas realizarlo tú mismo. Pero si necesitas ayuda profesional siempre puedes contar con nuestro departamento de programación.

Cómo poner una imagen en HTML

¿Quieres insertar una imagen en HTML en tu página web? Pues en esecaso deberás utilizar el elemento que conocemos como img. Como todos los elementos HTML tiene una sintaxis concreta que debemos respetar para que funcione correctamente. Pero ya te adelantamos que es una sintaxis bastante sencilla. En concreto tienes que abrir con dicho elemento, introducir en medio la dirección de la imagen que quieres insertar en la web y cerrar el elemento. Por supuesto, tendrás que haber subido previamente la imagen que añadirás.

De esa manera la sintaxis quedaría tal que así: <img src=»nombreimagen.jpg» alt=» />. También es posible que la imagen HTML que queremos incorporar no se encuentre en el mismo directorio que nuestra página. En ese caso deberemos introducir la dirección exacta. Imaginemos que se encuentra en una página llamada paginadefotos.com. En ese caso, la sintaxis de la inserción de imagen quedaría de la siguiente manera: <img src=»http//paginadefotos.com/imagenes/impactoseomarketing.jpg» alt=» />. Nada complicad, ¿verdad?

Imagen de fondo HTML

Pero las imágenes de nuestra página web no tienen por qué ser meramemte acompañantes. Podemos tirar de ellas también para emplearlas como fondo de la misma. ¿Te gustaría saber cómo insertar una imagen de fondo en HTML? Para ello deberemos utilizar el elemento HTML conocido como body. Bastará con asignar a dicho elemento la imagen que queremos utilizar como fondo. De nuevo, recuerda que si la imagen no está en el mismo directorio que nuestra pagina web deberemos introducir la ruta del archivo completa.

De esa manera, la sintaxis de la imagen de fondo HTML es la siguiente: <body background=»fondo.gif»>. Lo importante en este caso no es tanto como hacerlo, sino seleccionar adecuadamente la imagen. Es clave que lo pensemos muy bien antes de utilizar una imagen como fondo de nuestra web. En Impacto SEOmarketing podemos ayudarte con todos estos procedimientos. Contamos con un equipo profesional de gran criterio. Y creamos no solo excelentes páginas web, sino excelentes páginas web para tu proyecto. La personalización es un factor determinante en la calidad de un sitio web. Déjalo en nuestras manos.