Imagen del artículo Introducción a HTML: estructura básica, etiquetas y atributos: Introducción a ES6+

4.32. Introducción a HTML: estructura básica, etiquetas y atributos: Introducción a ES6+

Página 36 | Escuchar en audio

Introducción a HTML

El lenguaje de marcado de hipertexto, o HTML, es el lenguaje estándar para crear páginas web y aplicaciones. Comprender la estructura básica de HTML, así como sus etiquetas y atributos, es esencial para cualquier desarrollador front-end.

Estructura básica

La estructura básica de una página HTML consta de tres partes principales: el DOCTYPE, el encabezado y el cuerpo.

  • DOCTYPE: Esta es la primera línea de cualquier documento HTML. Le indica al navegador qué versión de HTML está utilizando el documento.
  • Encabezado: esta sección contiene información sobre la página, como el título que aparece en la barra de título del navegador y enlaces a los archivos CSS y JavaScript que utiliza la página.
  • Cuerpo: Esta es la parte de la página que los usuarios realmente ven. Contiene todo el contenido de la página, como texto, imágenes, vídeos, formularios, etc.

Etiquetas y Atributos

Las etiquetas HTML son los componentes básicos de cualquier página web. Definen el tipo de contenido que se está insertando en la página. Cada etiqueta tiene un nombre específico y está escrita entre corchetes angulares (< y >).

Los atributos se utilizan para proporcionar información adicional sobre las etiquetas. Se incluyen dentro de la etiqueta de apertura y normalmente vienen en pares de nombre/valor.

Por ejemplo, la etiqueta de enlace (<a>) se utiliza para crear enlaces en una página web. Tiene un atributo llamado 'href' que especifica la URL de la página a la que apunta el enlace.

Introducción a ES6+

ES6, también conocido como ECMAScript 2015, es una versión de JavaScript que introdujo una serie de características nuevas y mejoras significativas en el lenguaje.

ES6+ incluye todas las versiones de ECMAScript lanzadas después de ES6, incluidas ES7 (ECMAScript 2016), ES8 (ECMAScript 2017), ES9 (ECMAScript 2018), ES10 (ECMAScript 2019), etc.

Características clave de ES6+

  • Let y Const: Estas son nuevas palabras clave introducidas para declarar variables. 'Let' es similar a 'var' pero tiene alcance de bloque en lugar de alcance de función. 'Const' se utiliza para declarar constantes, es decir, variables que no se pueden reasignar.
  • Funciones de flecha: Esta es una nueva sintaxis para escribir funciones en JavaScript. Son más cortas y más fáciles de escribir que las funciones tradicionales.
  • Promesas: Las promesas son objetos que representan el resultado final de una operación asincrónica. Se utilizan para manejar operaciones asincrónicas de una manera más eficiente y flexible.

Estas son sólo algunas de las muchas características nuevas y mejoras introducidas por ES6+. Aprender y comprender estos conceptos es fundamental para cualquier desarrollador de JavaScript moderno.

Ahora responde el ejercicio sobre el contenido:

¿Cuál de las siguientes afirmaciones sobre la estructura básica de una página HTML es verdadera?

¡Tienes razón! Felicitaciones, ahora pasa a la página siguiente.

¡Tú error! Inténtalo de nuevo.

Imagen del artículo Introducción a HTML: estructura básica, etiquetas y atributos: Promesas y async/await

Siguiente página del libro electrónico gratuito:

37Introducción a HTML: estructura básica, etiquetas y atributos: Promesas y async/await

3 minutos

¡Obtén tu certificado para este curso gratis! descargando la aplicación Cursa y leyendo el libro electrónico allí. ¡Disponible en Google Play o App Store!

Disponible en Google Play Disponible en App Store

+ 6,5 millones
estudiantes

Certificado gratuito y
válido con código QR

48 mil ejercicios
gratis

Calificación de 4.8/5
en tiendas de aplicaciones

Cursos gratuitos de
vídeo, audio y texto.