Tecnologías Web Básicas

HTML5, CSS3 y JavaScript son la base de la web.


HTML5

HTML5 es el estándar actual para crear la estructura de las páginas web. No es un lenguaje de programación, sino de marcado, y define qué contenido aparece y cómo se organiza.

Que Aporta HTML5:

Hitos importantes:

Característica HTML4 HTML5
Año de estandarización 1997 2014
Tipo de contenido Principalmente texto Texto, audio y video
Multimedia Requiere plugins (Flash) Multimedia nativa
Etiquetas semánticas Muy limitadas header, section, article, footer
Formularios Básicos Nuevos tipos de input
Accesibilidad Limitada Mejorada
Compatibilidad móvil No pensada para móviles Diseñada para móviles
Uso actual Obsoleto Estándar actual
Logo HTML

Video

Más información


CSS3

CSS3 es la versión moderna de CSS y se encarga del diseño y la presentación visual de las páginas web.

Qué aporta CSS3:

Hitos importantes:

Característica CSS2 CSS3
Año de estandarización 1998 2011 (modular)
Modelo de desarrollo Monolítico Modular
Animaciones No soportadas Soportadas
Transiciones No
Efectos visuales Muy limitados Sombras, bordes redondeados, degradados
Diseño responsive Limitado Media Queries
Compatibilidad actual Parcial Total en navegadores modernos
Uso actual En desuso Estándar actual
Logo CSS3

Video

Más información


JavaScript

JavaScript es un lenguaje de programación que permite que las páginas web sean dinámicas e interactivas.

Qué aporta JavaScript:

Hitos importantes:

Característica JavaScript ES5 JavaScript ES6
Año de lanzamiento 2009 2015
Declaración de variables var let y const
Funciones flecha No disponibles Disponibles
Clases No soportadas Soportadas
Módulos No
Legibilidad del código Menor Mayor
Compatibilidad Navegadores antiguos Navegadores modernos
Uso actual Aún usado Estándar moderno
Logo JavaScript

Video

Más información


Preguntas sobre la temática

1. ¿Qué es HTML5 según el documento?

Un lenguaje de programación
Un sistema operativo
Un lenguaje de marcado para estructurar páginas web
Un gestor de bases de datos

2. ¿Qué característica nueva aporta HTML5 respecto a HTML4?

Uso obligatorio de Flash
Soporte nativo para audio y video
Eliminación de formularios
Solo funciona en computadoras

3. ¿En qué año el W3C declaró HTML5 como recomendación oficial?

2008
2010
2014
2016

4. ¿Cuál es una función principal de CSS3 según el código?

Crear la estructura del sitio
Programar la lógica del sistema
Dar diseño y presentación visual a la página
Conectar con bases de datos

5. ¿Qué introdujo JavaScript ES6 según la tabla comparativa?

Solo la palabra clave var
Funciones flecha y let/const
Eliminación de funciones
Uso exclusivo en servidores

Preguntas sobre las etiquetas HTML usadas

6. ¿Qué etiqueta se utilizó para definir el título que aparece en la pestaña del navegador?

<meta>
<title>
<head>
<h1>

7. ¿Qué etiqueta se usó para insertar videos de YouTube en el documento?

<video>
<media>
<iframe>
<embed>

8. ¿Qué etiqueta se utilizó para crear listas con viñetas?

<ol>
<li>
<ul>
<list>

9. ¿Qué etiqueta se usó para insertar imágenes como los logos?

<picture>
<media>
<img>
<figure>

10. ¿Qué atributo se usó para abrir enlaces en una nueva pestaña?

href
src
target="_blank"
alt