Presentación
Genially
Empezar
¿Qué es HTML?
EHTML significa HyperText Markup Language (Lenguaje de Marcado de Hipertexto). Es el lenguaje base de una página web, el que se encarga de definir la estructura y el contenido. Por ejemplo: Qué texto es un título, un párrafo, una imagen, un enlace, etc. No da estilos ni interactividad, solo organiza el contenido.
Ejemplo básico de HTML:
<!DOCTYPE html>
<html>
<head>
<title>Mi primera página</title>
</head>
<body>
<h1>Hola, mundo</h1>
<p>Este es un párrafo.</p>
</body>
</html>
¿Qué son los estilos CSS?
CSS significa Cascading Style Sheets (Hojas de Estilo en Cascada). Se usa para darle estilo y presentación a un documento HTML. Con CSS puedes cambiar: Colores 🎨 Tamaños 🔠 Posiciones 📐 Fuentes de texto 🖋️ Fondos, bordes, animaciones, etc.
Ejemplo básico de CSS:
h1 {
color: blue;
text-align: center;
}
p {
font-size: 18px;
color: gray;
}
¿Qué es JavaScript?
JavaScript (JS) es un lenguaje de programación que permite agregar interactividad y dinamismo a las páginas web. Mientras que HTML estructura y CSS da estilo, JavaScript hace que las cosas se muevan o reaccionen. Con JS puedes: Crear botones que respondan al hacer clic 🖱️ Validar formularios antes de enviarlos ✅ Crear animaciones, juegos o aplicaciones web completas ⚡ Conectarte con servidores y bases de datos 🌐
Ejemplo básico de JavaScript:
<button onclick="saludar()">Haz clic aquí</button>
<script>
function saludar() {
alert("¡Hola! Gracias por hacer clic 😄");
}
</script>
📜 HTML no es un lenguaje de programación, sino un lenguaje de marcado, porque solo estructura el contenido, no ejecuta lógica. 🔤 En las primeras versiones de HTML, los diseñadores usaban tablas para maquetar las páginas (¡algo impensable hoy!).
💡 Fue creado en 1991 por Tim Berners-Lee, el mismo inventor de la World Wide Web. 🕸️ La primera página web aún existe y sigue en línea 👉 info.cern.ch .
El esqueleto de la web
que hacía que el texto se moviera, aunque hoy está obsoleta. Ejemplo: <marquee>¡Texto en movimiento!</marquee>
🧩 CSS tiene “niveles”: CSS1, CSS2, CSS3...
aunque hoy en día simplemente se llama “CSS” y evoluciona continuamente con nuevos módulos.
Hay una etiqueta secreta llamada <marquee>
Puedes hacer animaciones y transiciones solo con CSS, sin usar JavaScript.
CSS fue creado en 1996 por Håkon Wium Lie, quien trabajaba junto a Tim Berners-Lee.
JavaScript El cerebro de la web
🤖 Hoy en día también se usa fuera del navegador gracias a Node.js, por lo que puedes hacer servidores, apps y hasta juegos. 🎮 Puedes escribir alert("Hola mundo") en la consola de tu navegador (F12) y ver un mensaje emergente — ¡pruébalo!
⚡ Fue creado por Brendan Eich en solo 10 días en 1995 😲. 🧠 A pesar del nombre, no tiene relación directa con Java; fue una estrategia de marketing para aprovechar la fama de Java en ese momento. 🌐 JavaScript se ejecuta directamente en el navegador, lo que permite crear páginas interactivas sin recargar la página.
Gracias
Genially
Megara Loera
Created on November 3, 2025
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Terrazzo Presentation
View
Visual Presentation
View
Relaxing Presentation
View
Modern Presentation
View
Colorful Presentation
View
Modular Structure Presentation
View
Chromatic Presentation
Explore all templates
Transcript
Presentación
Genially
Empezar
¿Qué es HTML?
EHTML significa HyperText Markup Language (Lenguaje de Marcado de Hipertexto). Es el lenguaje base de una página web, el que se encarga de definir la estructura y el contenido. Por ejemplo: Qué texto es un título, un párrafo, una imagen, un enlace, etc. No da estilos ni interactividad, solo organiza el contenido.
Ejemplo básico de HTML:
<!DOCTYPE html> <html> <head> <title>Mi primera página</title> </head> <body> <h1>Hola, mundo</h1> <p>Este es un párrafo.</p> </body> </html>
¿Qué son los estilos CSS?
CSS significa Cascading Style Sheets (Hojas de Estilo en Cascada). Se usa para darle estilo y presentación a un documento HTML. Con CSS puedes cambiar: Colores 🎨 Tamaños 🔠 Posiciones 📐 Fuentes de texto 🖋️ Fondos, bordes, animaciones, etc.
Ejemplo básico de CSS:
h1 { color: blue; text-align: center; } p { font-size: 18px; color: gray; }
¿Qué es JavaScript?
JavaScript (JS) es un lenguaje de programación que permite agregar interactividad y dinamismo a las páginas web. Mientras que HTML estructura y CSS da estilo, JavaScript hace que las cosas se muevan o reaccionen. Con JS puedes: Crear botones que respondan al hacer clic 🖱️ Validar formularios antes de enviarlos ✅ Crear animaciones, juegos o aplicaciones web completas ⚡ Conectarte con servidores y bases de datos 🌐
Ejemplo básico de JavaScript:
<button onclick="saludar()">Haz clic aquí</button> <script> function saludar() { alert("¡Hola! Gracias por hacer clic 😄"); } </script>
📜 HTML no es un lenguaje de programación, sino un lenguaje de marcado, porque solo estructura el contenido, no ejecuta lógica. 🔤 En las primeras versiones de HTML, los diseñadores usaban tablas para maquetar las páginas (¡algo impensable hoy!).
💡 Fue creado en 1991 por Tim Berners-Lee, el mismo inventor de la World Wide Web. 🕸️ La primera página web aún existe y sigue en línea 👉 info.cern.ch .
El esqueleto de la web
que hacía que el texto se moviera, aunque hoy está obsoleta. Ejemplo: <marquee>¡Texto en movimiento!</marquee>
🧩 CSS tiene “niveles”: CSS1, CSS2, CSS3...
aunque hoy en día simplemente se llama “CSS” y evoluciona continuamente con nuevos módulos.
Hay una etiqueta secreta llamada <marquee>
Puedes hacer animaciones y transiciones solo con CSS, sin usar JavaScript.
CSS fue creado en 1996 por Håkon Wium Lie, quien trabajaba junto a Tim Berners-Lee.
JavaScript El cerebro de la web
🤖 Hoy en día también se usa fuera del navegador gracias a Node.js, por lo que puedes hacer servidores, apps y hasta juegos. 🎮 Puedes escribir alert("Hola mundo") en la consola de tu navegador (F12) y ver un mensaje emergente — ¡pruébalo!
⚡ Fue creado por Brendan Eich en solo 10 días en 1995 😲. 🧠 A pesar del nombre, no tiene relación directa con Java; fue una estrategia de marketing para aprovechar la fama de Java en ese momento. 🌐 JavaScript se ejecuta directamente en el navegador, lo que permite crear páginas interactivas sin recargar la página.
Gracias