Lenguajes de marcado web (HTML y XML)

Un lenguaje de marcado (no confundir con lenguaje de programación) es un lenguaje informático que utiliza etiquetas para definir elementos dentro de un documento. Es legible para los humanos, lo que significa que los archivos de marcas contienen palabras estándar, en lugar de la típica sintaxis de programación. Aunque existen varios lenguajes de marcado, los dos más populares son HTML y XML.

¿Qué es XML?

XML es un lenguaje de marcado creado por el Consorcio de la World Wide Web (W3C) para definir una sintaxis para codificar documentos que tanto los humanos como las máquinas puedan leer. Lo hace mediante el uso de etiquetas que definen la estructura del documento, así como la forma en que el documento debe ser almacenado y transportado.

Probablemente sea más fácil compararlo con otro lenguaje de marcado con el que usted podría estar familiarizado -el Lenguaje de Marcado de Hipertexto (HTML) utilizado para codificar páginas web. El HTML utiliza un conjunto predefinido de símbolos de marcación (códigos cortos) que describen el formato del contenido de una página web. Por ejemplo, el siguiente código HTML simple utiliza etiquetas para que algunas palabras aparezcan en negrita y otras en cursiva:

Así es como se hace <b> texto en negrita</b> y así es como se hace <i> texto en cursiva</i>
Lo que diferencia a XML, sin embargo, es que es extensible. XML no tiene un lenguaje de marcado predefinido, como el HTML. En cambio, XML permite a los usuarios crear sus propios símbolos de marcado para describir el contenido, haciendo un conjunto de símbolos ilimitado y autodefinido.

Esencialmente, HTML es un lenguaje que se centra en la presentación del contenido, mientras que XML es un lenguaje de descripción de datos dedicado que se utiliza para almacenar datos.

El XML se utiliza a menudo como base para otros formatos de documentos, cientos de ellos, de hecho. Aquí hay algunos que podría reconocer:

Tanto RSS como ATOM describen cómo las aplicaciones lectoras manejan los feeds de la web.
Microsoft .NET utiliza XML para sus archivos de configuración.
Microsoft Office 2007 y posteriores utilizan XML como base para la estructura de los documentos. Eso es lo que la «X» significa en el formato de documento .DOCX Word, por ejemplo, y también se utiliza en Excel (archivos XLSX) y PowerPoint (archivos PPTX).
Así que, si tienes un archivo XML, eso no necesariamente te dice con qué aplicación está destinado a ser usado. Y normalmente no tendrás que preocuparte por ello, a menos que seas tú quien diseñe los archivos XML.

¿Cómo se abre uno?

Hay varias formas de abrir un archivo XML directamente. Puedes abrirlos y editarlos con cualquier editor de texto, verlos con cualquier navegador web o utilizar un sitio web que te permita verlos, editarlos e incluso convertirlos a otros formatos.

Utiliza un editor de texto si trabajas con archivos XML regularmente

Como los archivos XML son en realidad sólo archivos de texto, puedes abrirlos en cualquier editor de texto. El asunto es que muchos editores de texto, como el Bloc de Notas, no están diseñados para mostrar archivos XML con su estructura adecuada. Podría estar bien abrir un archivo XML y echar un vistazo rápido para ayudar a averiguar qué es. Pero hay herramientas mucho mejores para trabajar con ellos.

Haz clic con el botón derecho del ratón en el archivo XML que deseas abrir, apunta a «Abrir con» en el menú contextual y luego haz clic en la opción «Bloc de notas».

Nota: Estamos usando ejemplos de Windows aquí, pero lo mismo ocurre con otros sistemas operativos. Busque un buen editor de texto de terceros que esté diseñado para admitir archivos XML.

El archivo se abre, pero como puedes ver, pierde la mayor parte de su formato y lo atiborra todo en sólo dos líneas del documento.

Por lo tanto, si bien el Bloc de notas puede ser útil para revisar rápidamente un archivo XML, es mucho mejor que utilices una herramienta más avanzada como el Notepad++, que resalta la sintaxis y da formato al archivo de la forma en que está previsto.

El HTML es un lenguaje informático concebido para permitir la creación de sitios web. Estos sitios web pueden ser vistos por cualquier persona conectada a Internet. Es relativamente fácil de aprender, con lo básico accesible para la mayoría de la gente en una sola sesión; y bastante poderoso en lo que permite crear. Está en constante revisión y evolución para satisfacer las demandas y requerimientos de la creciente audiencia de Internet bajo la dirección de la » W3C, la organización encargada de diseñar y mantener el lenguaje.

La definición de HTML es Lenguaje de Marcado de Hipertexto.

El Hipertexto es el método por el cual te mueves en la web – haciendo clic en un texto especial llamado hipervínculo que te lleva a la siguiente página. El hecho de que sea hiperactivo significa que no es lineal, es decir, que puedes ir a cualquier lugar de Internet cuando quieras haciendo clic en los enlaces, no hay un orden establecido para hacer las cosas.
El marcado es lo que las etiquetas HTML hacen al texto dentro de ellas. Lo marcan como un cierto tipo de texto (texto en cursiva, por ejemplo).
El HTML es un lenguaje, ya que tiene código de palabras y sintaxis como cualquier otro lenguaje.
¿Cómo funciona?

El HTML consiste en una serie de códigos cortos tecleados en un archivo de texto por el autor del sitio – estas son las etiquetas. El texto se guarda como un archivo html, y se ve a través de un navegador, como Internet Explorer o Netscape Navigator. Este navegador lee el archivo y traduce el texto en forma visible, con la esperanza de que la página sea como el autor había previsto. Escribir tu propio HTML implica usar etiquetas correctamente para crear tu visión. Puedes usar cualquier cosa, desde un rudimentario editor de texto hasta un poderoso editor gráfico para crear páginas HTML.

¿En qué consisten las etiquetas?

Las etiquetas son lo que separa el texto normal del código HTML. Puede que las conozcas como las palabras entre los paréntesis <ángulo>. Permiten todas las cosas geniales como imágenes y tablas y demás, con sólo decirle a tu navegador lo que debe mostrar en la página. Diferentes etiquetas realizarán diferentes funciones. Las etiquetas en sí no aparecen cuando ves tu página a través de un navegador, pero sus efectos sí. Las etiquetas más simples no hacen más que aplicar formato a algún texto, como este:

<b> Estas palabras estarán en negrita</b>, y éstas no.

En el ejemplo anterior, las etiquetas <b> se envolvieron alrededor de algún texto, y su efecto será que el texto contenido se pondrá en negrita cuando se vea a través de un navegador web ordinario.

Si quieres ver una lista de un montón de etiquetas para ver lo que hay delante de ti, mira esta referencia de etiquetas. El aprendizaje de las etiquetas en sí se trata en la siguiente sección de este sitio web, Mi Primer Sitio.

¿Esto va a durar mucho?

Bueno, depende de lo que quieras de él. Conocer el HTML te tomará sólo unos pocos días de lectura y aprendizaje de los códigos para lo que quieres. Puedes tener lo básico en una hora. Una vez que conozcas las etiquetas puedes crear páginas HTML.

Sin embargo, usar HTML y diseñar buenos sitios web es una historia diferente, por lo que intento hacer más que sólo enseñarte código aquí en HTML Source – me gusta añadir tantos consejos como sea posible también. El buen diseño de un sitio web es mitad habilidad y mitad talento, creo. El aprendizaje de técnicas y el uso correcto de tu conocimiento de las etiquetas mejorará tu trabajo enormemente, y una buena comprensión del diseño general y de la audiencia a la que intentas llegar mejorará las posibilidades de éxito de tu sitio web. Afortunadamente, estas cosas pueden ser investigadas y entendidas, siempre y cuando estés dispuesto a trabajar en ello para que puedas producir mejores sitios web.

La gama de habilidades que aprenderá como resultado de la ejecución de su propio sitio web es impresionante. Aprenderás sobre aspectos de diseño gráfico, tipografía y programación informática. Tu eficiencia con las computadoras en general aumenta. También aprenderás sobre promoción y probablemente tu escritura también mejorará, a medida que te adaptes a escribir para ciertas audiencias.

¿Tengo que estar en línea todo el tiempo?

No, en absoluto. Puedes codificar todo tu sitio web fuera de línea, almacenarlo todo en tu propia computadora y luego simplemente transferir todos los archivos a la web. Luego, cada vez que tenga un nuevo contenido, sólo tiene que añadirlo a la versión online existente de su sitio. Es realmente muy simple.

¿Hay algo que el HTML no pueda hacer?

Por supuesto, pero desde que la creación de sitios web se hizo más popular y las necesidades aumentaron, se han creado muchos otros lenguajes de apoyo para permitir que sucedan nuevas cosas, además el HTML se modifica cada pocos años para dar paso a mejoras.

Las hojas de estilo en cascada se utilizan para controlar la forma en que se presentan las páginas y hacerlas más accesibles. Los efectos especiales básicos y la interacción son proporcionados por JavaScript, que añade mucha potencia al HTML básico. La mayoría de estas cosas avanzadas son para más adelante, pero al usar todas estas tecnologías juntas, tienes mucho poder a tu disposición.