Introducción a HTML5
¿Qué es?
¿Quien es mejor?
HTML es la base de toda página web. Piensa en él como el esqueleto o la estructura de una casa. Su función principal es organiza¿Para qué sirve? Para crear la estructura de la página web. Define qué es un título, un párrafo, una imagen, una lista, un enlace, etc.
¿Cómo funciona? Utiliza etiquetas (como <h1> para un título o <p> para un párrafo) para envolver el contenido.
CSS es el encargado de la presentación visual. Si HTML es el esqueleto de la casa, CSS es la pintura, los muebles y la decoración. Le da estilo a los elementos creados con HTML.
¿Para qué sirve? Para controlar el diseño, los colores, las fuentes, los tamaños, el espaciado y la posición de los elementos en la página.
¿Cómo funciona? Crea reglas de estilo que seleccionan elementos de HTML y les aplican propiedades visuales.
JavaScript es el lenguaje de programación que añade interactividad y comportamiento dinámico a la página web. Volviendo al ejemplo de la casa, JavaScript sería la electricidad, el sistema de seguridad o los electrodomésticos, que permiten que la casa "haga cosas".
¿Para qué sirve? Para que la página web responda a las acciones del usuario. Permite crear animaciones, validar formularios, mostrar mensajes emergentes, cargar nuevo contenido sin recargar la página, y mucho más.
¿Cómo funciona? Manipula los elementos de HTML y CSS para cambiar su contenido, estilo o comportamiento en respuesta a eventos (como un clic de ratón o el envío de un formulario).
JavaScript (JS)
HyperText Markup Language
(Cascading Style Sheets)
¡Extra, extra, Informacion VS datos!
Dato
Informacion
Es un conjunto de datos organizados, procesados y contextualizados. Es el resultado de dar un significado a los datos para que sean útiles y comprensibles. La información responde a preguntas como "¿qué?", "¿quién?", "¿cuándo?" y "¿dónde?".
Es contextual: Los datos se agrupan y se les da un significado.
Ejemplos:
La edad de la persona es 25 años. (Se le da contexto a la cifra 25).
La fruta que está en la mesa es una manzana roja. (Se combinan los datos manzana y rojo).El pronóstico del tiempo para hoy, 24/09/2025, es de 30°C. (Se combinan varios datos para crear un mensaje útil).
La información es lo que te permite tomar decisiones o entender una situación.
Es la unidad más pequeña y cruda de conocimiento. Es un hecho, una cifra, un texto o una observación que, por sí solo, no tiene un contexto ni un significado completo.
Es objetivo: No lleva interpretación ni valoración.
Ejemplos:
La cifra 25 La palabra manzana La fecha 24/09/2025 El color rojo Una temperatura de 30°C Un solo dato no te dice mucho.¿Qué significa 25? ¿Es una edad? ¿Una cantidad? ¿El número de una calle? Sin un contexto, es simplemente un valor.
¡Extra, extra, ANALÓGICO VS DIGITAL!
ANALÓGICO
DIGITAL
Lo digital representa la información de forma discreta, es decir, usando valores finitos y separados. Concretamente, se usan ceros y unos (el sistema binario) para codificar cualquier tipo de dato. Representación: Usa señales discretas (unos y ceros) que solo pueden tener dos valores. Ejemplos: Un reloj digital: la hora cambia en incrementos fijos, por ejemplo, de un minuto a otro, sin mostrar los segundos intermedios. Un CD de música o un archivo MP3: la música es una serie de números que describen la onda sonora a intervalos regulares (muestreo). Un termómetro digital: muestra la temperatura en valores fijos, como 25°C, pero no los valores intermedios.
Lo analógico representa la información de forma continua, como en la vida real. Es una representación física directa de un fenómeno. Representación: Usa señales continuas que pueden tener un número infinito de valores. Ejemplos: Un reloj de manecillas: el movimiento de las agujas es fluido y continuo, pasando por todos los puntos intermedios entre un minuto y otro. Una cinta de casete: la música se graba como una onda magnética que es una copia directa de la onda sonora original. Un termómetro de mercurio: la columna de mercurio sube o baja de forma continua, sin "saltos" entre los grados.
¡Extra, extra, HARDWARE VS SOFTWARE!
HARDWARE
SOFTWARE
El software es el conjunto de instrucciones, programas, datos y reglas que le dicen al hardware qué hacer. Es la parte lógica e intangible de un sistema informático. Naturaleza: Es intangible y virtual. No se puede tocar. Función: Controla y dirige el hardware. Sin software, el hardware sería una máquina inerte y sin propósito. El software permite que el hardware realice tareas útiles. Ejemplos: Software de sistema: El sistema operativo (Windows, macOS, Linux), los controladores (drivers) de los dispositivos. Software de aplicación: Programas como Microsoft Word, Google Chrome, Adobe Photoshop, videojuegos, aplicaciones de teléfono.
El hardware es todo lo que puedes ver y tocar de un dispositivo electrónico. Son los componentes físicos, mecánicos y eléctricos que conforman la estructura del equipo. Naturaleza: Es tangible y físico. Función: Proporciona la infraestructura y el soporte sobre el que el software puede operar. Es la "maquinaria" que realiza las tareas. Ejemplos: Dispositivos internos: Procesador (CPU), memoria RAM, disco duro (SSD o HDD), tarjeta gráfica. Periféricos: Teclado, mouse (ratón), monitor, impresora, escáner, audífonos.
¡Extra, extra, INTERNET VS WEB!
INTERNET
WEB
El Internet es la infraestructura física. Piénsalo como la red global de carreteras, cables, routers y servidores que permiten que la información viaje Propósito Principal: Permitir que las computadoras se conecten y transmitan datos de un punto a otro, usando la misma "lengua" (protocolos). usos: Correo electrónico (Email) Transferencia de archivos (FTP) Videoconferencias Juegos en línea Mensajería instantánea
La Web es uno de los muchos servicios que se ejecutan sobre esa infraestructura del Internet. Piénsala como una de las "aplicaciones" o "tipos de tráfico" que circulan por esas carreteras.Un sistema de documentos (páginas web) interconectados por hipervínculos (enlaces) y accesibles a través de Internet. Propósito Principal: Permitir a los usuarios acceder a documentos, imágenes y otros recursos mediante navegadores web (Chrome, Firefox, Safari). Herramienta de Acceso: Se accede a través de un navegador web.
¡¡tienes que saberlo antes de comenzar!!
EXPLICA INPUT, PROCESS, OUTPUT
Explica Input, Process, Output (Entrada, Proceso, Salida)
Input, Process, Output (IPO) es el ciclo fundamental que describe cómo funciona la computadora, desde que recibe los datos hasta que entrega un resultado:
Input (Entrada): Es la fase de recepción de datos o comandos. La computadora recibe información cruda del mundo exterior a través de dispositivos de entrada (como el teclado, el ratón, el micrófono o un escáner).
Ejemplo: Presionar las teclas "H", "O", "L", "A".
Process (Proceso): Es la fase de trabajo donde la Unidad Central de Procesamiento (CPU) y la memoria manipulan, calculan y transforman los datos de entrada según las instrucciones del programa.
Ejemplo: El procesador toma las señales de las teclas presionadas y las convierte en información digital que será mostrada en pantalla.
Output (Salida): Es la fase de entrega del resultado final, que es información útil y legible para el usuario. Esto se presenta a través de dispositivos de salida (como el monitor, la impresora o los altavoces).
Ejemplo: Ver la palabra "HOLA" aparecer en la pantalla.
Info
Info
¿Qué es una computadora?
¿Qué es programar?
Info
¿Qué es un sistema de computo?
¿Qué es HTML5?
El HTML5 es la versión más reciente y completa del lenguaje de marcado HyperText, utilizada para estructurar, presentar y dar contenido interactivo a páginas web y aplicaciones en internet. Introduce nuevas etiquetas semánticas, capacidades multimedia nativas (como video y audio) sin plugins, un mejor rendimiento en dispositivos móviles y herramientas para el almacenamiento local y la creación de experiencias de usuario más ricas, haciendo de la web una plataforma más flexible y potente.
Toca aquí
Una computadora es una máquina electrónica y programable diseñada para recibir, procesar y almacenar información. Su principal característica es su capacidad para ejecutar una serie de instrucciones (un programa) de manera rápida y precisa.
En esencia, la computadora es una poderosa herramienta que se utiliza para automatizar tareas, manipular datos y ayudarnos a comunicarnos, resolver problemas y crear contenido.
Programar es el proceso de escribir, probar y mantener las instrucciones que una computadora debe seguir para realizar una tarea específica. Piensa en programar como darle una receta muy detallada y precisa a un robot de cocina. Estas instrucciones se escriben utilizando un lenguaje de programación (como Python, Java, o C++), que actúa como un puente entre el lenguaje humano y el lenguaje binario que la máquina entiende. El resultado final de programar es crear un software o una aplicación.
3. ¿Qué es un Sistema de Cómputo? Un sistema de cómputo es el conjunto completo de elementos que trabajan juntos para operar y procesar datos eficientemente. No es solo la caja de la computadora, sino la combinación de tres componentes clave: Hardware: La parte física y tangible (el monitor, el teclado, el disco duro, la memoria RAM, etc.). Software: La parte lógica e intangible (el sistema operativo, los programas y las aplicaciones). Usuario: La persona que interactúa con el sistema, dándole instrucciones y usando la información resultante.
Introducción a HTML5
Sofía Noemí Cisneros Núñez
Created on September 24, 2025
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Urban Illustrated Presentation
View
Geographical Challenge: Drag to the map
View
Decisions and Behaviors in the Workplace
View
Tangram Game
View
Process Flow: Corporate Recruitment
View
Weekly Corporate Challenge
View
Wellbeing and Healthy Routines
Explore all templates
Transcript
Introducción a HTML5
¿Qué es?
¿Quien es mejor?
HTML es la base de toda página web. Piensa en él como el esqueleto o la estructura de una casa. Su función principal es organiza¿Para qué sirve? Para crear la estructura de la página web. Define qué es un título, un párrafo, una imagen, una lista, un enlace, etc. ¿Cómo funciona? Utiliza etiquetas (como <h1> para un título o <p> para un párrafo) para envolver el contenido.
CSS es el encargado de la presentación visual. Si HTML es el esqueleto de la casa, CSS es la pintura, los muebles y la decoración. Le da estilo a los elementos creados con HTML. ¿Para qué sirve? Para controlar el diseño, los colores, las fuentes, los tamaños, el espaciado y la posición de los elementos en la página. ¿Cómo funciona? Crea reglas de estilo que seleccionan elementos de HTML y les aplican propiedades visuales.
JavaScript es el lenguaje de programación que añade interactividad y comportamiento dinámico a la página web. Volviendo al ejemplo de la casa, JavaScript sería la electricidad, el sistema de seguridad o los electrodomésticos, que permiten que la casa "haga cosas". ¿Para qué sirve? Para que la página web responda a las acciones del usuario. Permite crear animaciones, validar formularios, mostrar mensajes emergentes, cargar nuevo contenido sin recargar la página, y mucho más. ¿Cómo funciona? Manipula los elementos de HTML y CSS para cambiar su contenido, estilo o comportamiento en respuesta a eventos (como un clic de ratón o el envío de un formulario).
JavaScript (JS)
HyperText Markup Language
(Cascading Style Sheets)
¡Extra, extra, Informacion VS datos!
Dato
Informacion
Es un conjunto de datos organizados, procesados y contextualizados. Es el resultado de dar un significado a los datos para que sean útiles y comprensibles. La información responde a preguntas como "¿qué?", "¿quién?", "¿cuándo?" y "¿dónde?". Es contextual: Los datos se agrupan y se les da un significado. Ejemplos: La edad de la persona es 25 años. (Se le da contexto a la cifra 25). La fruta que está en la mesa es una manzana roja. (Se combinan los datos manzana y rojo).El pronóstico del tiempo para hoy, 24/09/2025, es de 30°C. (Se combinan varios datos para crear un mensaje útil). La información es lo que te permite tomar decisiones o entender una situación.
Es la unidad más pequeña y cruda de conocimiento. Es un hecho, una cifra, un texto o una observación que, por sí solo, no tiene un contexto ni un significado completo. Es objetivo: No lleva interpretación ni valoración. Ejemplos: La cifra 25 La palabra manzana La fecha 24/09/2025 El color rojo Una temperatura de 30°C Un solo dato no te dice mucho.¿Qué significa 25? ¿Es una edad? ¿Una cantidad? ¿El número de una calle? Sin un contexto, es simplemente un valor.
¡Extra, extra, ANALÓGICO VS DIGITAL!
ANALÓGICO
DIGITAL
Lo digital representa la información de forma discreta, es decir, usando valores finitos y separados. Concretamente, se usan ceros y unos (el sistema binario) para codificar cualquier tipo de dato. Representación: Usa señales discretas (unos y ceros) que solo pueden tener dos valores. Ejemplos: Un reloj digital: la hora cambia en incrementos fijos, por ejemplo, de un minuto a otro, sin mostrar los segundos intermedios. Un CD de música o un archivo MP3: la música es una serie de números que describen la onda sonora a intervalos regulares (muestreo). Un termómetro digital: muestra la temperatura en valores fijos, como 25°C, pero no los valores intermedios.
Lo analógico representa la información de forma continua, como en la vida real. Es una representación física directa de un fenómeno. Representación: Usa señales continuas que pueden tener un número infinito de valores. Ejemplos: Un reloj de manecillas: el movimiento de las agujas es fluido y continuo, pasando por todos los puntos intermedios entre un minuto y otro. Una cinta de casete: la música se graba como una onda magnética que es una copia directa de la onda sonora original. Un termómetro de mercurio: la columna de mercurio sube o baja de forma continua, sin "saltos" entre los grados.
¡Extra, extra, HARDWARE VS SOFTWARE!
HARDWARE
SOFTWARE
El software es el conjunto de instrucciones, programas, datos y reglas que le dicen al hardware qué hacer. Es la parte lógica e intangible de un sistema informático. Naturaleza: Es intangible y virtual. No se puede tocar. Función: Controla y dirige el hardware. Sin software, el hardware sería una máquina inerte y sin propósito. El software permite que el hardware realice tareas útiles. Ejemplos: Software de sistema: El sistema operativo (Windows, macOS, Linux), los controladores (drivers) de los dispositivos. Software de aplicación: Programas como Microsoft Word, Google Chrome, Adobe Photoshop, videojuegos, aplicaciones de teléfono.
El hardware es todo lo que puedes ver y tocar de un dispositivo electrónico. Son los componentes físicos, mecánicos y eléctricos que conforman la estructura del equipo. Naturaleza: Es tangible y físico. Función: Proporciona la infraestructura y el soporte sobre el que el software puede operar. Es la "maquinaria" que realiza las tareas. Ejemplos: Dispositivos internos: Procesador (CPU), memoria RAM, disco duro (SSD o HDD), tarjeta gráfica. Periféricos: Teclado, mouse (ratón), monitor, impresora, escáner, audífonos.
¡Extra, extra, INTERNET VS WEB!
INTERNET
WEB
El Internet es la infraestructura física. Piénsalo como la red global de carreteras, cables, routers y servidores que permiten que la información viaje Propósito Principal: Permitir que las computadoras se conecten y transmitan datos de un punto a otro, usando la misma "lengua" (protocolos). usos: Correo electrónico (Email) Transferencia de archivos (FTP) Videoconferencias Juegos en línea Mensajería instantánea
La Web es uno de los muchos servicios que se ejecutan sobre esa infraestructura del Internet. Piénsala como una de las "aplicaciones" o "tipos de tráfico" que circulan por esas carreteras.Un sistema de documentos (páginas web) interconectados por hipervínculos (enlaces) y accesibles a través de Internet. Propósito Principal: Permitir a los usuarios acceder a documentos, imágenes y otros recursos mediante navegadores web (Chrome, Firefox, Safari). Herramienta de Acceso: Se accede a través de un navegador web.
¡¡tienes que saberlo antes de comenzar!!
EXPLICA INPUT, PROCESS, OUTPUT
Explica Input, Process, Output (Entrada, Proceso, Salida) Input, Process, Output (IPO) es el ciclo fundamental que describe cómo funciona la computadora, desde que recibe los datos hasta que entrega un resultado: Input (Entrada): Es la fase de recepción de datos o comandos. La computadora recibe información cruda del mundo exterior a través de dispositivos de entrada (como el teclado, el ratón, el micrófono o un escáner). Ejemplo: Presionar las teclas "H", "O", "L", "A". Process (Proceso): Es la fase de trabajo donde la Unidad Central de Procesamiento (CPU) y la memoria manipulan, calculan y transforman los datos de entrada según las instrucciones del programa. Ejemplo: El procesador toma las señales de las teclas presionadas y las convierte en información digital que será mostrada en pantalla. Output (Salida): Es la fase de entrega del resultado final, que es información útil y legible para el usuario. Esto se presenta a través de dispositivos de salida (como el monitor, la impresora o los altavoces). Ejemplo: Ver la palabra "HOLA" aparecer en la pantalla.
Info
Info
¿Qué es una computadora?
¿Qué es programar?
Info
¿Qué es un sistema de computo?
¿Qué es HTML5?
El HTML5 es la versión más reciente y completa del lenguaje de marcado HyperText, utilizada para estructurar, presentar y dar contenido interactivo a páginas web y aplicaciones en internet. Introduce nuevas etiquetas semánticas, capacidades multimedia nativas (como video y audio) sin plugins, un mejor rendimiento en dispositivos móviles y herramientas para el almacenamiento local y la creación de experiencias de usuario más ricas, haciendo de la web una plataforma más flexible y potente.
Toca aquí
Una computadora es una máquina electrónica y programable diseñada para recibir, procesar y almacenar información. Su principal característica es su capacidad para ejecutar una serie de instrucciones (un programa) de manera rápida y precisa. En esencia, la computadora es una poderosa herramienta que se utiliza para automatizar tareas, manipular datos y ayudarnos a comunicarnos, resolver problemas y crear contenido.
Programar es el proceso de escribir, probar y mantener las instrucciones que una computadora debe seguir para realizar una tarea específica. Piensa en programar como darle una receta muy detallada y precisa a un robot de cocina. Estas instrucciones se escriben utilizando un lenguaje de programación (como Python, Java, o C++), que actúa como un puente entre el lenguaje humano y el lenguaje binario que la máquina entiende. El resultado final de programar es crear un software o una aplicación.
3. ¿Qué es un Sistema de Cómputo? Un sistema de cómputo es el conjunto completo de elementos que trabajan juntos para operar y procesar datos eficientemente. No es solo la caja de la computadora, sino la combinación de tres componentes clave: Hardware: La parte física y tangible (el monitor, el teclado, el disco duro, la memoria RAM, etc.). Software: La parte lógica e intangible (el sistema operativo, los programas y las aplicaciones). Usuario: La persona que interactúa con el sistema, dándole instrucciones y usando la información resultante.