Está en la página 1de 1

IMÁGENES

En HTML, las imágenes se muestran en una página web utilizando la etiqueta "img". La etiqueta "img" es una etiqueta
de auto-cierre, lo que significa que no tiene una etiqueta de cierre correspondiente. Aquí está la sintaxis básica de la
etiqueta "img":

<img src="ruta_de_la_imagen" alt="texto_alternativo">

Los principales atributos que se utilizan con la etiqueta "img" para editar una imagen en HTML son:

 "src" (obligatorio): Especifica la ruta de la imagen, ya sea una URL completa o una ruta relativa al archivo de la
imagen en el servidor o en el sistema de archivos local.
 "alt" (opcional): Proporciona un texto alternativo que se mostrará si la imagen no se puede cargar o si el
usuario utiliza un lector de pantalla. Es importante incluir un texto alternativo descriptivo para mejorar la
accesibilidad web.

Además de estos dos atributos principales, también se pueden utilizar otros atributos opcionales con la etiqueta
"img" para ajustar la apariencia y el comportamiento de la imagen, como, por ejemplo:

 "width" y "height": Especifican el ancho y la altura de la imagen en píxeles.


 "title": Proporciona un texto que se mostrará como un tooltip cuando el usuario pasa el cursor sobre la
imagen.
 "style": Permite aplicar estilos CSS a la imagen, como cambiar su tamaño, posición, bordes, etc.
 "class": Permite asignar una clase CSS a la imagen para aplicar estilos específicos a través de hojas de estilo
externas.

Estos son algunos de los atributos más comunes que se utilizan con la etiqueta "img" para editar una imagen en
HTML. Sin embargo, hay más atributos disponibles que ofrecen mayor flexibilidad en la edición de imágenes en una
página web.

ING. ABRAHAM C. MOZQUEDA 1

También podría gustarte