Practicar con los lenguajes HTML y CSS

Soluciones, ejercicios, ejemplos

practicar html css

Ejercicios

Toca poner a prueba lo aprendido para crear páginas web, aplicando HTML y CSS

Aquí va a encontrar una colección de ejercicios para crear páginas sencillas y elmenetos habitualmente usados en la web.

Por supuesto en todos estos ejercicios vas a poder ver al menos una solución.

Tienes ejercicios de

  • Páginas simples
  • Formularios
  • Cards
  • Animaciones
  • Uso de Flex
  • Uso de Grid

¿Como se hace?

Aquí te presentamos soluciones a situaciones habituales cuando estas creando una página web. Se trata de ejemplos de elementos que puedes incluir directamente en tu diseño o personalizar para tus necesidades

En general solo usan los lenguajes HTML y CSS, aunque en algún caso se ehce mano de Javascript

Vas a encontrar un poco de todos, a mode de resumen

  • Cards
  • Efectos de animación
  • Menus desplegables
  • Barras de navegación

Una Landing Page

En este apartado te presetnamos un desarrollo completo de una landing page

Las landing page son páginas muy utilizadas para presentar un servicio o artículo completo, con toda la información necesaria y con uno o más mecanismos para registro o contacto, como formularios o botones de registro

Habitualmente no usan páginas para más secciones. pero también pueden ser utilizadas como páginas de entrada (home page) de sitios completos

Aquí tienes un desarrollo completo comenzando desde cero, inluye HTML, CSS y por supuesto Javascript

Puedes ir siguiendo todas las etapas e irla contruyendo hasta llegar a la página totalmente terminada