icono-texto

Escrito en Herramientas Informaticas 2.

Código para insertar imágenes en HTML – Herramientas informáticas

Insertar imágenes en un código permite crear páginas mucho más atractivas. Según el tipo de gráficos utilizado se pueden conseguir efectos realmente sorprendentes.

Para insertar una imagen en un documento HTML se utiliza el elemento

<IMG>

Las imágenes utilizadas pueden estar en formato GIF o JPG. Estos formatos son interpretados directamente por el navegador. La diferencia entre estos dos formatos es su nivel de compresión.

El formato JPG tiene una compresión (menos peso) mucho mayor que el GIF, por lo que suele ser el formato más utilizado en el mundo web, donde siempre se debe perseguir que las páginas sean lo más ligeras posible.

Sin embargo cuanta mayor compresión tenga un gráfico menor calidad se consigue, pero para usos generales el JPG es perfectamente válido.

Algunos navegadores no son capaces de tratar imágenes, o aunque el navegador sí pueda, tal vez el cliente esté navegando en modo solo texto, es decir, sin ver las imágenes, lo que permite moverse más rápido.

Veamos ejemplos del uso de <IMG>:

1.-Lo primero es crear una carpeta en donde es necesario guardar el código así como las imágenes que se van a insertar

manual de html codigo para insertar una imagen

2.- Para insertar la imagen se utiliza el siguiente código:

codigo para insertar una imagen manual de html

3.- Es importante mencionar que se debe de poner el nombre de la imagen, sin espacios es blanco, sin caracteres especiales, así con su extensión

codigos de html manual como insertar una imagen

5.- El código anterior se mostrara así:

como insertar una imagen en mi pagina web

6.- Para cambiar el tamaño de la imagen y su alineación (izquierda, derecha, centrado) se utiliza el siguiente código:

codigo para insertar una imagen html

7.- El código anterior nos mostrara lo siguiente:

cambiar el tamaño de una imagen en html
icono-comentario

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *