HTML (HyperText Markup Language) HTML es el lenguaje de marcado que se utiliza para estructurar el contenido de una página web. Su función principal es definir la organización y el significado del contenido, es decir, qué partes son títulos, párrafos, imágenes, enlaces, listas, tablas, formularios, etc. Cada elemento de HTML se representa mediante etiquetas (o tags), que le indican al navegador qué tipo de contenido está mostrando. Por ejemplo: <h1> representa un título principal. <p> representa un párrafo de texto. <img> sirve para mostrar una imagen. <a> crea un enlace a otra página. Características principales: Estructura: organiza el contenido de forma jerárquica (títulos, secciones, artículos, pies de página, etc.). Semántica: usa etiquetas con significado (por ejemplo, <header>, <nav>, <main>, <footer>), lo que mejora la accesibilidad y el SEO. Base de todo sitio web: sin HTML no habría forma de mostrar el contenido en la web.
AVANZA!
CSS
CSS (Cascading Style Sheets) CSS es el lenguaje de estilos que se usa para dar diseño y presentación a las páginas web. Mientras que HTML se encarga del contenido, CSS controla la apariencia visual: colores, fuentes, márgenes, tamaños, posiciones y hasta animaciones. CSS trabaja seleccionando los elementos de HTML y aplicándoles reglas de estilo. Por ejemplo, puedes hacer que todos los títulos <h1> sean azules y estén centrados, o que los párrafos tengan un fondo gris. Características principales: Separación de contenido y estilo: permite mantener el HTML limpio y enfocado solo en la estructura. Reutilización: un solo archivo CSS puede dar estilo a múltiples páginas. Compatibilidad: funciona en todos los navegadores modernos. Diseño adaptable (responsive): permite crear páginas que se adapten a cualquier tamaño de pantalla (computadora, tablet o móvil). Animaciones y transiciones: permite añadir movimiento sin necesidad de JavaScript.
JAVASCRPT
AVANZA!
JavaScript (JS) JavaScript es un lenguaje de programación que da interactividad y dinamismo a las páginas web. A diferencia de HTML y CSS, que solo describen estructura y estilo, JavaScript permite programar comportamientos: responder a eventos, validar datos, cambiar el contenido sin recargar la página, crear animaciones, o incluso conectar con servidores y bases de datos. Por ejemplo, con JavaScript puedes: Hacer que aparezca un mensaje cuando el usuario haga clic en un botón. Validar que un formulario esté completo antes de enviarlo. Crear galerías de imágenes que se mueven solas. Cargar datos desde una API sin recargar la página (técnica conocida como AJAX). Características principales: Lenguaje interpretado: el navegador lo ejecuta directamente, sin necesidad de compilarlo. Basado en eventos: reacciona a acciones del usuario (clics, teclas, movimientos del ratón, etc.). Flexible y potente: puede manipular el contenido HTML y los estilos CSS en tiempo real. Uso extendido: además de en el navegador, se usa también en servidores con tecnologías como Node.js.
INVESTIGACION
VICTOR GUILLERMO RAMIREZ GONZALEZ
Created on November 6, 2025
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Dunk the clown quiz
View
Timer Quiz
View
Challenge: World History
View
Math quiz
View
Math quiz mobile
View
Retro Bits Quiz
View
Corporate Icebreaker
Explore all templates
Transcript
05 / 10
INVESTIGACION
html-css-javascript
EMPEZAR
AVANZA!
HTML
HTML (HyperText Markup Language) HTML es el lenguaje de marcado que se utiliza para estructurar el contenido de una página web. Su función principal es definir la organización y el significado del contenido, es decir, qué partes son títulos, párrafos, imágenes, enlaces, listas, tablas, formularios, etc. Cada elemento de HTML se representa mediante etiquetas (o tags), que le indican al navegador qué tipo de contenido está mostrando. Por ejemplo: <h1> representa un título principal. <p> representa un párrafo de texto. <img> sirve para mostrar una imagen. <a> crea un enlace a otra página. Características principales: Estructura: organiza el contenido de forma jerárquica (títulos, secciones, artículos, pies de página, etc.). Semántica: usa etiquetas con significado (por ejemplo, <header>, <nav>, <main>, <footer>), lo que mejora la accesibilidad y el SEO. Base de todo sitio web: sin HTML no habría forma de mostrar el contenido en la web.
AVANZA!
CSS
CSS (Cascading Style Sheets) CSS es el lenguaje de estilos que se usa para dar diseño y presentación a las páginas web. Mientras que HTML se encarga del contenido, CSS controla la apariencia visual: colores, fuentes, márgenes, tamaños, posiciones y hasta animaciones. CSS trabaja seleccionando los elementos de HTML y aplicándoles reglas de estilo. Por ejemplo, puedes hacer que todos los títulos <h1> sean azules y estén centrados, o que los párrafos tengan un fondo gris. Características principales: Separación de contenido y estilo: permite mantener el HTML limpio y enfocado solo en la estructura. Reutilización: un solo archivo CSS puede dar estilo a múltiples páginas. Compatibilidad: funciona en todos los navegadores modernos. Diseño adaptable (responsive): permite crear páginas que se adapten a cualquier tamaño de pantalla (computadora, tablet o móvil). Animaciones y transiciones: permite añadir movimiento sin necesidad de JavaScript.
JAVASCRPT
AVANZA!
JavaScript (JS) JavaScript es un lenguaje de programación que da interactividad y dinamismo a las páginas web. A diferencia de HTML y CSS, que solo describen estructura y estilo, JavaScript permite programar comportamientos: responder a eventos, validar datos, cambiar el contenido sin recargar la página, crear animaciones, o incluso conectar con servidores y bases de datos. Por ejemplo, con JavaScript puedes: Hacer que aparezca un mensaje cuando el usuario haga clic en un botón. Validar que un formulario esté completo antes de enviarlo. Crear galerías de imágenes que se mueven solas. Cargar datos desde una API sin recargar la página (técnica conocida como AJAX). Características principales: Lenguaje interpretado: el navegador lo ejecuta directamente, sin necesidad de compilarlo. Basado en eventos: reacciona a acciones del usuario (clics, teclas, movimientos del ratón, etc.). Flexible y potente: puede manipular el contenido HTML y los estilos CSS en tiempo real. Uso extendido: además de en el navegador, se usa también en servidores con tecnologías como Node.js.
AVANZA?
QUIZ COMPLETO
¡finalizado!
¡ERROR!