4.35. Introducción a HTML: estructura básica, etiquetas y atributos: frameworks y bibliotecas populares (React, Angular, Vue)
Página 39 | Escuchar en audio
Introducción a HTML
HTML, o lenguaje de marcado de hipertexto, es el lenguaje de marcado estándar para documentos diseñados para mostrarse en un navegador web. HTML es la base de cualquier sitio web o página web que vea en Internet. Es una de las principales herramientas que cualquier desarrollador front-end necesita comprender y utilizar de forma eficaz.
Estructura básica de HTML
Un documento HTML básico consta de tres partes principales: el encabezado (<head>), el cuerpo (<body>) y la etiqueta HTML (<html>).
- El archivo <html> es la raíz del documento HTML y todo lo que forma parte del documento HTML debe estar dentro de esta etiqueta.
- La <cabeza> contiene metadatos sobre el documento, como el título de la página, enlaces a CSS, scripts JavaScript y más. Esta información no se muestra en el contenido principal de la página web, pero es vital para la funcionalidad de la página.
- El <cuerpo> Aquí es donde se coloca el contenido principal del documento HTML. Esto incluye texto, imágenes, listas, enlaces, vídeos y más.
Etiquetas y atributos HTML
HTML utiliza 'etiquetas' para marcar diferentes tipos de contenido. Cada etiqueta comienza con un corchete angular (<) y termina con un corchete angular (>). Cada elemento HTML tiene una etiqueta de apertura y una etiqueta de cierre, con contenido en el medio. Por ejemplo, para crear un párrafo, utilizamos la etiqueta de apertura <p>, seguida del texto del párrafo y luego la etiqueta de cierre </p>.
Los atributos HTML se utilizan para proporcionar información adicional sobre los elementos HTML. Siempre se especifican en la etiqueta de apertura y normalmente vienen en pares de nombre/valor. Por ejemplo, la etiqueta de enlace (<a>) utiliza el atributo 'href' para especificar la URL del enlace.
Marcos y bibliotecas populares
Si bien HTML, CSS y JavaScript son las herramientas fundamentales para el desarrollo web, existen varias bibliotecas y marcos disponibles que pueden ayudar a acelerar el proceso de desarrollo y crear sitios web más eficientes y eficaces.
Reaccionar
React es una biblioteca de JavaScript para crear interfaces de usuario. Desarrollado por Facebook, React permite a los desarrolladores crear grandes aplicaciones web que pueden cambiar datos sin recargar la página. La principal ventaja de React es la velocidad y la eficiencia del desarrollo, gracias a su sistema de componentes reutilizables.
Anguloso
Angular es un marco de JavaScript desarrollado por Google. Permite a los desarrolladores crear aplicaciones web ricas y eficientes con una sola página. Angular es conocido por ser integral y eficiente, con un gran conjunto de herramientas y funcionalidades integradas.
Vue
Vue es un marco de JavaScript para crear interfaces de usuario. En comparación con React y Angular, Vue es conocido por ser más liviano y más fácil de aprender, lo que lo convierte en una excelente opción para proyectos más pequeños o para desarrolladores que recién comienzan a aprender sobre desarrollo front-end.
En resumen, HTML es la base del desarrollo web, pero la eficiencia y eficacia del desarrollo se pueden mejorar mediante el uso de bibliotecas y marcos como React, Angular y Vue. La elección del marco o biblioteca a utilizar dependerá de las necesidades específicas del proyecto y de la experiencia del desarrollador.
Ahora responde el ejercicio sobre el contenido:
¿Cuál de las siguientes afirmaciones es cierta sobre la estructura básica de un documento HTML?
¡Tienes razón! Felicitaciones, ahora pasa a la página siguiente.
¡Tú error! Inténtalo de nuevo.
Siguiente página del libro electrónico gratuito:
40Formatear texto con HTML
4 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!
