Ejemplo Práctico: Receta con HTML, CSS y JavaScript

HTML:

<div id="receta">
  <h1>Arroz con Leche</h1>
  <ul>
    <li>1kg de arroz blanco</li>
    <li>3 litros de leche</li>
    <li>1 limón</li>
    <li>2 palos de canela</li>
  </ul>
  <button onclick="mostrarMensaje()">Ver Consejo</button>
</div>

CSS:

#receta {
  background-color: #fff8e1;
  border: 1px solid #ddd;
  padding: 20px;
  font-family: 'Verdana', sans-serif;
}

JavaScript:

function mostrarMensaje() {
  alert("Recuerda remover la canela antes de servir.");
}

Estas ideas no solo enseñan las bases de cada tecnología, sino que también muestran cómo combinarlas para crear páginas funcionales y atractivas.