Inicio a Lenguaje de Marcas - Irene-Frias/1DAM GitHub Wiki

🌐 Guía Básica de Lenguajes de Marcas - HTML, CSS y JavaScript

Esta guía presenta una introducción a los tres pilares fundamentales del desarrollo web: HTML, CSS y JavaScript. Estos lenguajes, en conjunto, permiten crear sitios web interactivos, estéticamente agradables y funcionales.

📜 ¿Qué es un Lenguaje de Marcado?

Un lenguaje de marcado es un sistema que permite estructurar y organizar el contenido de un documento mediante el uso de etiquetas o elementos. En el contexto del desarrollo web, HTML es el lenguaje de marcado utilizado para estructurar las páginas, mientras que CSS y JavaScript complementan esa estructura con estilos visuales y funcionalidades interactivas.

📑 HTML (HyperText Markup Language)

HTML es el lenguaje de marcado estándar para crear la estructura básica de una página web.

Características Principales:

  • Estructuración del contenido: Define encabezados, párrafos, listas, imágenes, enlaces, y más.
  • Lenguaje de marcado: Utiliza etiquetas para identificar y organizar el contenido.
  • Base del desarrollo web: Es el punto de partida para cualquier proyecto web, sobre el cual se aplican CSS y JavaScript.

🎨 CSS (Cascading Style Sheets)

CSS es el lenguaje de estilos utilizado para darle diseño y formato a una página web estructurada con HTML.

Características Principales:

  • Estilos visuales: Permite definir colores, fuentes, márgenes, tamaños y disposición de los elementos.
  • Responsividad: Facilita el diseño adaptable a diferentes dispositivos y tamaños de pantalla mediante media queries.
  • Modularidad: Permite separar el diseño de la estructura, lo que facilita la organización y el mantenimiento del código.

💻 JavaScript

JavaScript es el lenguaje de programación que añade interactividad y lógica a una página web. Es un lenguaje versátil que permite desde la manipulación de contenido dinámico hasta la creación de aplicaciones web complejas.

Características Principales:

  • Interactividad: Permite responder a acciones del usuario (clics, desplazamiento, entradas de datos) y modificar dinámicamente el contenido.
  • DOM Manipulation: Manipula el DOM (Document Object Model) para actualizar la estructura de HTML de forma dinámica.
  • Comunicación con servidores: Permite enviar y recibir datos desde servidores en tiempo real, utilizando tecnologías como AJAX o Fetch API.

🛠️ Cómo Trabajan en Conjunto

  1. HTML define la estructura básica de la página.
  2. CSS aplica los estilos visuales, dándole vida y estética.
  3. JavaScript añade interactividad y funcionalidades avanzadas, como formularios dinámicos, sliders, modales, y más.