Atributos de imagen
Parte de la sección Fundamentals del Journey de HTML de Coddy — lección 24 de 60.
Exploremos algunos atributos adicionales para mejorar tus imágenes:
alt: Proporciona texto alternativo si la imagen no se carga.widthyheight: Controlan el tamaño de la imagen en píxeles.
Aquí tienes un ejemplo:
<img src="img.jpg" alt="A scenic view of mountains" width="600" height="400" />Esto establece la fuente de la imagen, proporciona una descripción y la dimensiona a 600x400 píxeles. Incluye siempre alt para la accesibilidad y utiliza dimensiones para mantener la consistencia del diseño.
Desafío
FácilAñade los siguientes atributos a la imagen:
alt: "A beautiful bird"width: "400"height: "250"
Hoja de referencia
Usa atributos adicionales para mejorar tus imágenes:
alt: Proporciona texto alternativo si la imagen no se cargawidthyheight: Controlan el tamaño de la imagen en píxeles
<img src="img.jpg" alt="A scenic view of mountains" width="600" height="400" />Incluye siempre alt para la accesibilidad y usa dimensiones para mantener la consistencia del diseño.
Pruébalo tú mismo
<!DOCTYPE html>
<html>
<body>
<img src="https://4.img-dpreview.com/files/p/E~TS590x0~articles/3925134721/0266554465.jpeg">
</body>
</html>
Ponte a pruebaEsta lección incluye un breve cuestionario. Empieza la lección para responderlo y registrar tu progreso.
Todas las lecciones de Fundamentals
1Fundamentos de HTML
¿Qué es HTML?Estructura básica de HTMLEtiquetas y elementosAnidamiento y cierre de etiquetasComentarios en HTML4Tarjeta de receta
Descripción general del proyectoTítulo y descripción de la receta
IngredientesPasos2Texto y formato
EncabezadosPárrafosSaltos de líneaTexto en negrita y cursivaNegrita y cursiva de nuevoResumen - Formato9Formularios e Inputs Parte 2
Radio buttonsCheckboxesDropdownsBotonesBotones en formulariosRepaso - Formularios #1Repaso - Formularios #2