Imágenes
Parte de la sección Fundamentals del Journey de HTML de Coddy — lección 23 de 60.
Las imágenes pueden hacer que tu página web sea más atractiva, y añadirlas en HTML es sencillo utilizando la etiqueta <img>. La etiqueta <img> es de cierre automático, lo que significa que no necesita una etiqueta de cierre.
Para mostrar una imagen, necesitas usar el atributo src. Este atributo especifica la ubicación de la imagen (URL o ruta de archivo). Aquí tienes un ejemplo:
<img src="https://coddy.tech/images/bit.svg" />En este ejemplo, el navegador cargará y mostrará la imagen desde la URL https://coddy.tech/images/bit.svg.
Las etiquetas de autocierre, como <img>, no necesitan una etiqueta de cierre. Terminan con /> y se utilizan para elementos que no tienen contenido en su interior.
Desafío
FácilAñade una imagen al documento HTML, puedes usar la URL del ejemplo de la lección o cualquier otra URL.
¡Asegúrate de ver una imagen!
Hoja de referencia
La etiqueta <img> muestra imágenes y es de cierre automático (no se necesita etiqueta de cierre):
<img src="https://coddy.tech/images/bit.svg" />El atributo src especifica la ubicación de la imagen (URL o ruta de archivo). Las etiquetas de cierre automático terminan con />.
Pruébalo tú mismo
<!DOCTYPE html>
<html>
<body>
<!-- Escribe código aquí -->
</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