Saltar al contenido principal

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>