Tecnologías Web Básicas

Esta página documenta HTML5, CSS3 y JavaScript, incluyendo tablas comparativas, multimedia y metadatos.

HTML5

HTML5 es el lenguaje de marcado estándar para estructurar contenido en la web.

2008: Primer borrador oficial de HTML5
2014: HTML5 se convierte en recomendación oficial del W3C
2016: HTML5.1 amplía soporte multimedia y APIs

Comparación HTML4 vs HTML5
Característica	HTML4	HTML5
Multimedia	Flash	<audio> y <video>
Semántica	Divs genéricos	header, section, article

CSS3

CSS3 permite definir la presentación visual de los documentos HTML.

1996: Primera versión de CSS
2011: CSS3 se divide en módulos independientes
2012: Introducción de animaciones y transiciones

CSS2 vs CSS3
Aspecto	CSS2	CSS3
Animaciones	No	Sí
Diseño	Limitado	Flexbox y Grid

JavaScript

JavaScript es un lenguaje de programación que permite interactividad en la web.

1995: Creación de JavaScript por Brendan Eich
2009: Aparición de Node.js
2015: Lanzamiento de ECMAScript 6 (ES6)

JavaScript antes y después de ES6
Característica	Antes de ES6	ES6+
Variables	var	let / const
Funciones	Tradicionales	Arrow functions

Video Educativo

Más información en MDN Web Docs

Cuestionario

1. ¿Qué etiqueta se usa para insertar una imagen en la página?

A) <video>

B) <img>

C) <iframe>

D) <link>

2. ¿Qué atributo permite que un enlace se abra en otra pestaña?

A) alt

B) href

C) target="_blank"

D) src

3. ¿Qué etiqueta se usa para incrustar un video de YouTube?

A) <video>

B) <media>

C) <iframe>

D) <img>

4. ¿Para qué sirve la etiqueta <meta>?

A) Mostrar imágenes

B) Reproducir videos

C) Guardar información de configuración

D) Crear tablas

5. ¿Qué etiqueta se usa para crear una tabla?

A) <ul>

B) <div>

C) <table>

D) <section>

6. ¿En qué año se creó HTML?

A) 1985

B) 1991

C) 2000

D) 2010

7. ¿Cuál es la función principal de CSS?

A) Programar servidores

B) Diseñar la apariencia visual

C) Crear bases de datos

D) Enviar correos

8. ¿Qué lenguaje permite la interactividad en la web?

A) HTML

B) CSS

C) JavaScript

D) Python

9. ¿Qué versión modernizó JavaScript en 2015?

A) ES3

B) ES4

C) ES5

D) ES6

10. ¿Qué tecnología se encarga de la estructura del contenido?

A) CSS

B) JavaScript

C) HTML

D) PHP

1. La respuesta correcta es: B) <img>

2. La respuesta correcta es: C) target="_blank"

3. La respuesta correcta es: C) <iframe>

4. La respuesta correcta es: C) Guardar información de configuración

5. La respuesta correcta es: C) <table>

6. La respuesta correcta es: B) 1991

7. La respuesta correcta es: B) Diseñar la apariencia visual

8. La respuesta correcta es: C) JavaScript

9. La respuesta correcta es: D) ES6

10. La respuesta correcta es: C) HTML

Andrés Camilo Rodríguez Artunduaga

Sistemas Grupo III

1001