Este documento presenta una introducción al lenguaje HTML en 5 secciones. Explica que HTML es un lenguaje de marcado que se utiliza para crear la estructura de páginas web, compuesto de elementos visuales interpretados por los navegadores. También introduce algunos elementos comunes de HTML como texto, imágenes e hipervínculos, y explica cómo tecnologías como CSS y JavaScript pueden complementar el diseño y funcionamiento de las páginas.

1. Aprende HTML
desde cero
1. Introducción
al HTML.
Módulo 1.Introducción al HTML.

2. 1.1. ¿Qué es HTML?.
1.2. ¿Para qué se utiliza el lenguaje de
marcado HTML?.
1.3. ¿De qué está constituido el lenguaje de
marcado HTML?.
1.4. Ejemplo de algunos elementos HTML.
1.5. Conoce qué otras tecnologías ayudan a
complementar el diseño y funcionamiento de
los elementos HTML.
Temario

3. ¡COMENCEMOS!

4. 1.1.
¿Qué es
HTML?.

5. un lenguaje de marcas de hipertexto
(HyperText Markup Language).
HTML es...

6. En conclusión,...
HTML es un lenguaje de
marcado y no un lenguaje de
programación.

7. ¿Para qué se
utiliza el lenguaje de
marcado HTML?.
1.2.

8. se utiliza para el desarrollo del diseño
estructural de páginas de internet,
esto tanto para páginas estáticas como
para páginas dinámicas.
El lenguaje de marcado
HTML,...

9. En conclusión,...
con el lenguaje HTML, se
puede crear la estructura
interna de páginas web
estáticas y dinámicas, para
posteriormente subirlas a
internet y puedan estar al
alcance de todas las personas.

10. ¿De quéestá
constituido el lenguaje
de marcado
HTML?.
1.3.

11. está constituido de elementos gráficos
que el navegador de internet
interpreta, para posteriormente
mostrarlos en pantalla de acuerdo a su
objetivo.
El lenguaje de marcado
HTML,...

12. En conclusión,...
el lenguaje de marcado HTML,
está constituido de elementos
visuales que se muestran en el
navegador de internet.

13. Ejemplo de
algunos elementos
HTML.
1.4.

14. En el lenguaje de marcado HTML,
existen marcas para disponer:
● textos,
● párrafos,
● imágenes,
● videos,
● hipervínculos,
● listas,
● tablas,
● cajas de texto,
entre otras marcas.
Estos son algunos ejemplos
de elementos visuales HTML
que veremos en este curso.

15. En conclusión,...
el lenguaje HTML cuenta con
elementos visuales para
disponer desde un simple texto
hasta cajas de texto, etc.

16. Conoce qué otras
tecnologías ayudan a
complementar el
diseño y funcionamiento
de los elementos HTML.
1.5.

17. que con HTML solo se crea la
estructura interna de una página web,
es decir, solamente se colocan los
elementos visuales sin diseño y sin
funcionamiento.
Es muy importante saber,...

18. Pero si deseamos, que los elementos
HTML presenten una apariencia mucho
más agradable o más bonita por decirlo
así, con otras tecnologías como CSS
podemos lograrlo; podemos por
ejemplo, darles otro color, tamaño,
entre otras cosas de diseño.

19. Para darles también algún
funcionamiento a estos elementos
HTML, podemos apoyarnos de otras
tecnologías como lo es Javascript, la
cual nos permite ejecutar algún
funcionamiento al interactuar con
cualquier elemento visual de la página,
por ejemplo, que un botón cambie de
color cuando el cursor se encuentre
dentro de el, o realizar algunas
acciones cuando se le de clic a un
botón.

20. En conclusión,...
con otras tecnologías como
CSS y JavaScript, podemos
extender las capacidades de
cualquier elemento HTML.

21. ¡Felicidades!
Has concluido el tema:
1. Introducción al
HTML.

22. No te pierdas el próximo
tema...
“2. Software que
se necesita para
realizar este
curso.”.

23. + Seguir

24. Sígueme en mis
redes sociales:
APRENDE ENSEÑANDO NKI
APRENDE ENSEÑANDO NKI APRENDE ENSEÑANDO NKI
APRENDE ENSEÑANDO NKI
APRENDE ENSEÑANDO NKI
APRENDE ENSEÑANDO NKI
APRENDE ENSEÑANDO NKI
APRENDE ENSEÑANDO NKI
APRENDE ENSEÑANDO NKI
HTML - Aprende HTML desde cero:
https://youtube.com/playlist?list=PLT1ofipFznjB-zrZN_JxWsqQ
SEZFLPpqC
Contáctame en:
aprende.ensenando.nki@gmailcom
Sitio Oficial:
https://sites.google.com/view/aprendeensenandonki/cursos
/html/aprende-html-desde-cero
APRENDE ENSEÑANDO NKI

25. Todo el contenido que se
presenta en este material
incluyendo el logo oficial de la
marca y la imagen de fondo, es
propiedad de APRENDE
ENSEÑANDO NKI.
“Este material es gratuito y no tiene costo alguno”.
Importante: Aprende Enseñando NKI no es propietario de los
derechos de autor de ninguna imagen que se presenta en este material.
Derechos de autor

26. Fin
Si te gustó,
regálame un .
Déjame tus comentarios
No te olvides compartirlo.

27. Agradecimiento por los iconos e imágenes a:
ICONOS DISEÑADOS POR FREEPIK FROM WWW.FLATICON.ES
ICONOS DISEÑADOS POR VECTORS MARKET FROM WWW.FLATICON.ES
ICONOS DISEÑADOS POR ALFREDO HERNANDEZ FROM WWW.FLATICON.ES
ICONOS DISEÑADOS POR PIXEL PERFECT FROM WWW.FLATICON.ES
ICONOS DISEÑADOS POR EUCALYP FROM WWW.FLATICON.ES
ICONOS DISEÑADOS POR FLAT ICONS FROM WWW.FLATICON.ES
ICONOS DISEÑADOS POR SMASHICONS FROM WWW.FLATICON.ES
ICONOS DISEÑADOS POR DDARA FROM WWW.FLATICON.ES
ICONS MADE BY PIXEL PERFECT FROM WWW.FLATICON.ES
ICONS MADE BY FREEPIK FROM WWW.FLATICON.ES
ICONOS DISEÑADOS POR ROUNDICONS FROM WWW.FLATICON.ES
ICONOS DISEÑADOS POR PRETTYCONS FROM WWW.FLATICON.ES
ICONOS DISEÑADOS POR PHOTO3IDEA_STUDIO FROM WWW.FLATICON.ES