Imágenes
Parte de la sección Fundamentos 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 usando la etiqueta <img>. La etiqueta <img> se cierra por sí sola, 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 del archivo). Aquí tienes un ejemplo:
<img src="https://coddy.tech/images/bit.svg" />En este ejemplo, el navegador cargará y mostrará la imagen de la URL https://coddy.tech/images/bit.svg.
Las etiquetas de cierre automático, como <img>, se usan para elementos que no tienen contenido en su interior, por lo que no tienen etiqueta de cierre. En HTML5, la barra al final es opcional: <img src="bit.svg"> y <img src="bit.svg" /> son válidas. Este curso escribe />.
Desafío
FácilAgrega 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!
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 Fundamentos
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 #2Practica por tu cuenta: Playground de Web