Construye Páginas Web

Detalles del curso

HTML esencial

Aprende los fundamentos esenciales del lenguaje de marcado HTML con nuestro curso especializado. Dirigido a principiantes sin experiencia previa en programación, te brindaremos los conocimientos necesarios para crear páginas web efectivas. Descubre la estructura de una página, crea contenido, construye formularios interactivos y familiarízate con la semántica y accesibilidad. Este curso te preparará para desarrollar sitios web de calidad y optimizados. No importa si eres estudiante, profesional del marketing o diseñador web, ¡domina HTML y desata tu creatividad en la web!

Practica mientras aprendes con los archivos de ejercicios.

html-esencial-2103032-main.zip (45 KB)

Para utilizar estos archivos de ejercicios, puedes utilizar cualquier editor de código. En este curso hemos utilizado Visual Studio Code

Contenido

Introducción

1. El lenguaje insignia de la red de redes

1. Introducción a HTML

2. Introducción y organización de contenidos en HTML
3. Estructura básica de un documento HTML
4. Archivos vinculables a HTML
5. Editores HTML
6. Recursos HTML online

2. Fundamentos y estructura básica en HTML

7. ¿Qué son las etiquetas y los atributos en HTML?
8. Etiquetas semánticas en HTML: header, nav, main, section, article, aside, footer
9. Atributos Globales de contenido en HTML
10. Colores en HTML
11. Añadir tipografías en HTML
12. Codificación en HTML
13. Estilos con CSS en HTML
14. Integración de HTML y JavaScript

3. Etiquetas fundamentales en HTML

15. Encabezados y subtítulos en HTML
16. Párrafos y texto en HTML
17. Enlaces en HTML: a y link
18. Listas en HTML
19. Divs y secciones en HTML
20. Metaetiquetas en HTML
21. Etiquetas HTML para redes sociales

4. Imágenes y multimedia en HTML

22. Etiqueta img para añadir imágenes en HTML
23. Otras etiquetas para imágenes en HTML: picture, figure y favicon.
24. Añadir imágenes de fondo en HTML
25. Crear gráficos estáticos y animaciones simples con SVG en HTML
26. Añadir vídeos en HTML
27. Añadir audios en HTML
28. Añadir Emojis en HTML

5. Tablas en HTML

29. Introducción a las tablas HTML
30. Creación de encabezados de tabla en HTML
31. Combinación de celdas de tabla en HTML
32. Etiquetas semánticas en tablas
33. Agregar bordes y espaciado a las tablas en HTML
34. Tablas anidadas en HTML
35. Tablas responsivas en HTML

6. Formularios en HTML

36. Introducción a los formularios en HTML
37. Tipos de campos de entradas de formularios en HTML
38. Etiquetas adicionales de formularios en HTML
39. Casillas de verificación y botones de radio de formularios en HTML
40. Validación de formularios y procesamiento de datos en HTML

7. Formas adicionales de añadir contenido en HTML

41. Añadir scripts en HTML
42. Incrustar contenido con Iframe en HTML
43. Embeber contenido en HTML

8. Buenas prácticas en HTML

44. Validaciones: W3C HTML validator
45. Etiquetas y atributos HTML para el diseño responsive: , viewport, etc.
46. Atributos para mejorar la navegación y la estructuración HTML
47. Añadir descripciones a imágenes y otros elementos multimedia
48. Uso de comentarios en HTML
49. Uso de rutas absolutas o relativas en HTML
50. Estructura de indentación adecuada en HTML