Inclusion de Imágenes en Páginas Web

Study Notes

Inclusión de Imágenes en Páginas Web

La etiqueta <img src="imagen.jpg" /> se usa para integrar imágenes. Reemplaza imagen.jpg con el nombre del archivo de imagen.

Tamaño de las Imágenes

Por defecto, las imágenes se muestran con su tamaño original.
Para modificar el tamaño, usa los atributos:
- WIDTH: Define el ancho en píxeles.
- HEIGHT: Define la altura en píxeles.
La escala es proporcional si solo se especifica una dimensión.

Escalado de Imágenes

Los atributos WIDTH y HEIGHT permiten escalar imágenes sin distorsionarlas.
El escalado se realiza de forma proporcional si se especifica solo una dimensión.

Bordes de las Imágenes

El atributo BORDER añade bordes a las imágenes.
El tamaño, espacio, y repetición del borde se pueden controlar con CSS.

Alineación de Texto e Imágenes

El atributo ALIGN controla la alineación del texto con respecto a la imagen. Valores posibles: TOP, TEXTOP, CENTER, ABSCENTER, MIDDLE, ABSMIDDLE, BOTTOM, LEFT, RIGHT.
Los atributos VSPACE y HSPACE definen el espacio vertical y horizontal alrededor de la imagen.

Imágenes con Texto Alternativo

Los usuarios pueden desactivar la visualización de imágenes para mejorar la velocidad de carga.
Un texto alternativo (ALT) proporciona información sobre el contenido de la imagen si el usuario no la ve.
La etiqueta ALT provee la descripción de la imagen.

Imágenes como Enlaces

Se puede utilizar una imagen como enlace.
Se incluye la imagen dentro de la etiqueta <a href="URL">

Imágenes como Fondo de Página

El atributo BACKGROUND de la etiqueta <body> establece una imagen como fondo de la página.
La imagen se repite para cubrir toda el área de visualización.
Se debe elegir una imagen que permita la legibilidad del texto sobre ella. Evitar colores demasiado saturados.

Description

Este quiz evalúa tus conocimientos sobre la inclusión y manipulación de imágenes en páginas web usando HTML. Aprenderás a usar atributos como WIDTH, HEIGHT, BORDER y ALIGN para ajustar las imágenes de manera efectiva. Asegúrate de entender cómo escalar imágenes y alinear texto correctamente.

اختبار مكونات صفحة الويب واستخدام الروابط والنصوص والصور

HTML5 Lists, Tables, and Images

Web Page Images and Formats Quiz

Web Design: Optimizing Images for User Engagement

Inclusion de Imágenes en Páginas Web

Choose a study mode

Podcast

Questions and Answers

¿Cuál es la función del texto ALTernativo en una imagen?

Las imágenes de fondo en un documento HTML deben tener colores saturados para ser más visibles.

¿Qué etiqueta se utiliza para añadir una imagen como enlace en HTML?

Para utilizar una imagen como fondo de un documento HTML, se usa el atributo ______ de la marca.

Asocia cada concepto con su descripción correspondiente:

¿Cuál es la etiqueta correcta para incluir imágenes en una página web?

Los modificadores WIDTH y HEIGHT sirven para cambiar el tamaño de las imágenes sin deformarlas.

¿Qué programa es conocido por la edición y retoque de gráficos y fotos, desarrollado por Adobe Systems?

El modificador que se utiliza para especificar el ancho en píxeles de una imagen es __________.

Relaciona los programas de edición de imágenes con sus descripciones:

¿Qué modificador se utiliza para añadir bordes a las imágenes?

Es necesario especificar tanto WIDTH como HEIGHT para mantener la proporción de una imagen al escalarla.

Nombra un modificador que se utiliza para especificar la alineación del texto con las imágenes.