Ejercicio práctico 16: Divisiones y span
Aprende a utilizar las etiquetas <div>
y <span>
en HTML para estructurar y estilizar tu contenido web. Este ejercicio práctico te enseña cómo aplicar divisiones de bloque e inline de forma efectiva en tus páginas.
Actividad
Usa las etiquetas <div>
y <span>
para organizar y dar estilo a tu contenido.
Solución interactiva
Solución con el código HTML completo
HTML
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8" />
<title>Div y Span</title>
<style>
.contenedor {
background-color: #f0f0f0;
padding: 20px;
}
.texto-destacado {
color: red;
font-weight: bold;
}
</style>
</head>
<body>
<div class="contenedor">
<p>
Este es un párrafo dentro de un
<span class="texto-destacado">div</span> contenedor.
</p>
</div>
</body>
</html>