Scribd
Cargar
2 vistas1 página

Cómo usar la etiqueta img en HTML

En HTML, las imágenes se insertan utilizando la etiqueta 'img', que es de auto-cierre y requiere el atributo 'src' para la ruta de la imagen y el atributo 'alt' para el texto alternativo. Además, se pueden utilizar atributos opcionales como 'width', 'height', 'title', 'style' y 'class' para personalizar la apariencia y el comportamiento de la imagen. Estos atributos permiten una mayor flexibilidad en la edición de imágenes en páginas web.

Cargado por

abraham
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
2 vistas1 página

Cómo usar la etiqueta img en HTML

En HTML, las imágenes se insertan utilizando la etiqueta 'img', que es de auto-cierre y requiere el atributo 'src' para la ruta de la imagen y el atributo 'alt' para el texto alternativo. Además, se pueden utilizar atributos opcionales como 'width', 'height', 'title', 'style' y 'class' para personalizar la apariencia y el comportamiento de la imagen. Estos atributos permiten una mayor flexibilidad en la edición de imágenes en páginas web.

Cargado por

abraham
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

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