Introducción a HTML: Estructura básica, etiquetas y atributos: Etiquetas de imagen (img)
HTML, o lenguaje de marcado de hipertexto, es el lenguaje de marcado estándar para crear páginas web. La estructura básica de un documento HTML consta de etiquetas, que se utilizan para definir elementos, y atributos, que se utilizan para especificar las características de esos elementos.
Las etiquetas HTML son la base de cualquier página web. Se utilizan para crear y organizar el contenido de la página, incluidos texto, imágenes, enlaces, listas, tablas y más. Cada etiqueta está representada por un conjunto de caracteres rodeados por corchetes angulares (< y >). Por ejemplo, la opción <h1> se utiliza para definir un título de nivel 1, el título <p> se utiliza para definir un párrafo y el elemento <img> se utiliza para insertar una imagen.
La etiqueta de imagen <img> es una de las etiquetas más importantes en HTML. Le permite insertar imágenes en su página web, haciéndola más atractiva e informativa. El <img> Es una etiqueta vacía, lo que significa que no tiene una etiqueta de cierre. En su lugar, utiliza atributos para especificar la imagen que se mostrará y otras características de la imagen.
Cómo utilizar la etiqueta de imagen <img>
Para insertar una imagen en su página web, necesita utilizar la función <img> con el atributo 'src'. El atributo 'src' especifica la URL de la imagen que desea mostrar. Por ejemplo:
<img src="imagem.jpg">
En este ejemplo, la imagen 'imagem.jpg' se mostrará en la página web. La imagen debe estar en el mismo directorio que el archivo HTML o debe especificar la ruta completa a la imagen.
Atributos de etiqueta de imagen <img>
Además del atributo 'src', el atributo <img> también admite varios otros atributos. Los más comunes son 'alt', 'ancho' y 'alto'.
El atributo 'alt' se utiliza para especificar texto alternativo para la imagen, que se mostrará si la imagen no se puede cargar. Este es un atributo importante para la accesibilidad, ya que permite a los usuarios de lectores de pantalla comprender el contenido de la imagen. Por ejemplo:
<img src="imagem.jpg" alt="Descripción de la imagen">
En este ejemplo, si la imagen no se puede cargar, se mostrará el texto "Descripción de la imagen".
Los atributos 'ancho' y 'alto' se utilizan para especificar el ancho y alto de la imagen, respectivamente. Están especificados en píxeles. Por ejemplo:
<img src="imagem.jpg" alt="Descripción de la imagen" width="500" height="300">
En este ejemplo, la imagen se mostrará con un ancho de 500 píxeles y un alto de 300 píxeles.
En resumen, la etiqueta de imagen <img> Es una parte esencial de cualquier página web. Le permite insertar imágenes en su página, haciéndola más atractiva e informativa. Al utilizar la etiqueta <img>, es importante recordar utilizar el atributo 'alt' para mejorar la accesibilidad y los atributos 'width' y 'height' para controlar el tamaño de la imagen.
