El lenguaje de marcado es un sistema para anotar un documento de una manera que sea sintácticamente distinguible del texto. Se usa para dar formato, estructura y añadir información adicional a ese texto.
Paso 1: Entender el Concepto Básico
Imagina que tienes un libro escrito a mano. Quieres que alguien lo publique y lo haga ver profesional. El lenguaje de marcado es como darle instrucciones precisas a la persona que va a diseñar el libro.
Esas instrucciones le dicen cómo mostrar el texto: qué parte es un título, qué parte es un párrafo, qué parte debe estar en negrita, etc. Estas instrucciones no se ven directamente en el texto final, pero controlan cómo se presenta.
Must Read
Piensa en un guion de teatro. El guion tiene el diálogo, pero también tiene instrucciones para los actores y el director, como "llora" o "entra rápidamente". El lenguaje de marcado es similar, pero para documentos digitales.
Paso 2: Componentes Clave del Lenguaje de Marcado
El componente principal del lenguaje de marcado son las etiquetas (o tags en inglés). Estas etiquetas son palabras clave encerradas entre corchetes angulares, como <p> o <h1>.
La mayoría de las etiquetas vienen en pares: una etiqueta de apertura (por ejemplo, <p>) y una etiqueta de cierre (por ejemplo, </p>). La etiqueta de cierre es igual a la de apertura, pero con una barra inclinada antes del nombre.
El texto que se encuentra entre la etiqueta de apertura y la de cierre se ve afectado por esa etiqueta. Por ejemplo, <p>Este es un párrafo.</p> indica que "Este es un párrafo." debe mostrarse como un párrafo.
Paso 3: Ejemplos Comunes de Lenguaje de Marcado
El ejemplo más común es HTML (HyperText Markup Language). Es el lenguaje que se usa para crear páginas web. Permite estructurar el contenido, añadir imágenes, enlaces, etc.
Otro ejemplo es XML (Extensible Markup Language). Se utiliza para transportar y almacenar datos. No define cómo se muestra la información, sino que se centra en su estructura.
Un ejemplo sencillo de HTML es: <h1>Mi Título</h1><p>Este es un párrafo de texto.</p>. Esto crearía un título y un párrafo en una página web.
Paso 4: Cómo Funciona el Lenguaje de Marcado
Un navegador web (como Chrome, Firefox o Safari) interpreta el código HTML y lo muestra como una página web visual. El navegador "lee" las etiquetas y aplica el formato correspondiente al texto.
El navegador no muestra las etiquetas en sí. Solo muestra el texto con el formato especificado por las etiquetas. Por ejemplo, no verás <h1> en la página web, sino que verás el texto "Mi Título" como un título grande.
En resumen, el lenguaje de marcado proporciona instrucciones a un programa (como un navegador) sobre cómo mostrar el contenido. Separa el contenido de la presentación, lo que facilita la creación y el mantenimiento de documentos estructurados.
Paso 5: Diferencias Clave
Es importante diferenciar el lenguaje de marcado de los lenguajes de programación. El lenguaje de marcado se centra en estructurar y dar formato al texto, mientras que los lenguajes de programación se utilizan para crear programas que ejecutan acciones y cálculos.
HTML y XML son ejemplos de lenguaje de marcado. JavaScript, Python, y C++ son ejemplos de lenguajes de programación.
Aunque a veces se usan juntos, tienen propósitos diferentes. Por ejemplo, una página web puede usar HTML para su estructura y JavaScript para añadir interactividad.
