Scribd
Cargar
110 vistas2 páginas

Ejercicios HTML Css Js

El documento presenta 50 ejercicios prácticos de HTML, CSS y JavaScript para principiantes. Los ejercicios abarcan la creación de páginas web, formularios, tablas, estilos y scripts interactivos. Se incluyen tareas que combinan los tres lenguajes para desarrollar proyectos más complejos, como juegos y formularios con validación.

Cargado por

MENDOZA BERMUDEZ ALAN JESUS
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como TXT, PDF, TXT o lee en línea desde Scribd
110 vistas2 páginas

Ejercicios HTML Css Js

El documento presenta 50 ejercicios prácticos de HTML, CSS y JavaScript para principiantes. Los ejercicios abarcan la creación de páginas web, formularios, tablas, estilos y scripts interactivos. Se incluyen tareas que combinan los tres lenguajes para desarrollar proyectos más complejos, como juegos y formularios con validación.

Cargado por

MENDOZA BERMUDEZ ALAN JESUS
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como TXT, PDF, TXT o lee en línea desde Scribd
Está en la página 1/ 2

# 50 Ejercicios de HTML, CSS y JavaScript (Nivel Principiante)

## HTML:

1. Crear una página web con un encabezado h1, un párrafo y una lista ordenada.
2. Crear un formulario con un campo de texto, un botón de enviar y un checkbox.
3. Crear una tabla con 3 filas y 3 columnas.
4. Crear un enlace que redirija a otra página web.
5. Crear una lista de enlaces dentro de un contenedor div.
6. Crear una imagen que se redimensione con el ancho del 50% de la pantalla.
7. Crear una lista desordenada de tus frutas favoritas.
8. Crear un formulario con un campo de texto, un campo de correo electrónico y un
campo de contraseña.
9. Crear una estructura básica de una página web con doctype, html, head y body.
10. Crear una lista de tareas pendientes (checklist) con casillas de verificación.

## CSS:

11. Cambiar el color de fondo de una página web usando CSS.


12. Cambiar el tamaño del texto de un encabezado h1.
13. Aplicar un borde rojo a un cuadro de texto.
14. Estilizar una lista desordenada cambiando los puntos por imágenes.
15. Crear un diseño de 2 columnas con CSS (usando flexbox).
16. Crear un estilo para un botón que cambie de color al pasar el ratón (hover).
17. Estilizar un enlace para que cambie de color cuando se haga clic.
18. Aplicar una sombra a un texto con CSS.
19. Crear un diseño con una imagen de fondo que se ajuste a toda la pantalla.
20. Estilizar un formulario para que tenga un aspecto atractivo y moderno.

## JavaScript:

21. Escribir un script que muestre un mensaje de alerta cuando se haga clic en un
botón.
22. Crear un contador que aumente al presionar un botón.
23. Cambiar el contenido de un elemento de texto al hacer clic en un botón.
24. Crear una función que calcule la suma de dos números proporcionados por el
usuario.
25. Cambiar el color de fondo de una página cuando el usuario presione un botón.
26. Escribir un script que pida el nombre del usuario y lo muestre en un mensaje.
27. Escribir un script que haga un cambio de texto dinámico en una lista cuando se
haga clic en un botón.
28. Crear un script que reciba un número y diga si es par o impar.
29. Hacer que un mensaje desaparezca al hacer clic sobre él.
30. Escribir una función que devuelva la edad del usuario basada en su fecha de
nacimiento.

## HTML, CSS y JavaScript combinados:

31. Crear una página web que tenga una imagen que cambie de color al hacer clic
sobre ella.
32. Crear un formulario con validación de los campos de texto y correo electrónico.
33. Crear una página web con una tabla que tenga datos que se actualicen
dinámicamente usando JavaScript.
34. Crear un cronómetro simple que cuente los segundos y se pueda detener y
reiniciar.
35. Crear una página de login con un formulario, y mostrar un mensaje de éxito o
error al presionar un botón.
36. Crear un pequeño juego de adivinanza de números en el que el usuario tenga que
adivinar un número aleatorio.
37. Crear una página con un "lightbox" para mostrar una imagen en pantalla completa
al hacer clic.
38. Crear una página con una lista de tareas donde puedas agregar y eliminar
tareas.
39. Crear una calculadora simple con funciones de suma, resta, multiplicación y
división.
40. Crear una página web con un formulario que permita cargar y mostrar imágenes
del usuario.

## HTML:

41. Crear una página web con un encabezado, un pie de página y un contenedor
principal.
42. Crear un formulario que contenga un campo de nombre, un campo de correo y un
campo de mensaje.
43. Crear una página con 2 tablas: una con una lista de estudiantes y otra con una
lista de cursos.
44. Crear un archivo HTML con un enlace que permita descargar un archivo.
45. Crear un formulario con un campo de fecha y un campo de hora.
46. Crear una página con una lista desplegable de países.
47. Crear una página con un iframe que muestre un video de YouTube.
48. Crear una página con una tabla de precios de productos.
49. Crear un formulario con radio buttons para elegir el género.
50. Crear una página con una barra de navegación con enlaces a diferentes secciones
de la misma página.

También podría gustarte