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

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

Asocia las etiquetas HTML con su función correspondiente:

ALT = Texto alternativo para imágenes A = Crear enlaces BACKGROUND = Imagen de fondo del documento IMG = Incluir imágenes en la página

Relaciona los conceptos sobre imágenes en HTML con sus descripciones:

Texto ALT = Descripción del contenido de una imagen Imagen como enlace = Usar imagen para redirigir a otra página Imagen de fondo = Se repite para cubrir toda el área del documento Legibilidad = Texto debe ser claro sobre la imagen de fondo

Vincula la acción con su respectiva etiqueta HTML:

Añadir texto ALT = Describir imágenes Añadir atributo BACKGROUND = Usar una imagen como fondo Incluir una etiqueta A = Crear un hipervínculo Usar etiqueta IMG = Incluir una imagen en una página

Asocia los efectos visuales con su explicación:

Fondo de documento = Imagen más pequeña que el área del navegador Imagen con colores saturados = Puede dificultar la lectura del texto Repetir imagen = A partir de la esquina superior izquierda Texto legible = Importante sobre la imagen de fondo Signup and view all the answers

Relaciona los elementos de la estructura HTML con su propósito:

Etiqueta A = Enlazar a otra parte de la página Etiqueta IMG = Mostrar imágenes Atributo BACKGROUND = Configurar el fondo del documento Texto ALT = Clarificar el contenido de la imagen Signup and view all the answers

Asocia las herramientas de edición de imágenes con su descripción:

Photoshop = Programa desarrollado por Adobe Systems para modificar gráficos y fotos Paint Shop Pro = Editor de gráficos y vectores publicado por Corel Corporation GIF Construction Set = Programa que permite crear y editar imágenes y animaciones en formato GIF Graphic Workshop = Taller donde se practican técnicas de diseño y fotografía Signup and view all the answers

Relaciona los modificadores de la etiqueta de imágenes con su función:

WIDTH = Especifica el ancho en píxeles HEIGHT = Indica la altura en píxeles BORDER = Añade bordes a las imágenes ALIGN = Controla la alineación del texto respecto a la imagen Signup and view all the answers

Asocia los modificadores de espaciado con su descripción:

HSPACE = Controla el espacio horizontal junto a la imagen VSPACE = Controla el espacio vertical junto a la imagen CENTER = Valor que alinea la imagen al centro del texto BOTTOM = Valor que alinea la imagen en la parte inferior Signup and view all the answers

Relaciona los atributos de visualización de imágenes con su descripción:

Texto alternativo = Ayuda a comprender la información cuando las imágenes no se muestran Tamaño original = Las imágenes aparecen sin modificaciones si no se especifica nada más Escalado = Permite modificar el tamaño sin deformar la imagen Repetido = Controla cómo se muestra una imagen repetida en CSS Signup and view all the answers

Asocia los sistemas de operación con los programas que utilizan:

Photoshop = Multiplataforma: Windows y Mac Paint Shop Pro = Solo Windows GIF Construction Set = Multiplataforma: Windows y Mac Graphic Workshop = Multiplataforma Signup and view all the answers

Relación entre tipos de modificación de imágenes y su efecto:

Modificar tamaño = Implica usar WIDTH y HEIGHT Agregar bordes = Utiliza el modificador BORDER Ajustar espaciado = Usa HSPACE y VSPACE Alinear texto = Hace uso del modificador ALIGN Signup and view all the answers

Asocia los términos de contenido web con su función:

HTML = Lenguaje de marcado para estructuras de páginas web CSS = Usado para el estilo y presentación de documentos HTML JavaScript = Lenguaje de programación para interactividad en la web FTP = Protocolo para la transferencia de archivos Signup and view all the answers

Relación entre atributos HTML y su aplicabilidad:

src = Especifica la fuente de la imagen alt = Proporciona texto alternativo para la imagen width = Controla el ancho de la imagen height = Controla la altura de la imagen Signup and view all the answers

Flashcards

Texto alternativo de imágenes

Descripción textual de una imagen para usuarios con problemas de visualización o que tengan el modo de imagen desactivado.

Imagen como enlace

Imagen que al ser seleccionada, lleva al usuario a otra parte de la página o a otra página.