Saltar al contenido

¿Qué son lenguajes HTML, CSS y XML?

HTML, CCS y XML son lenguajes informáticos que se utilizan para dar formato y diseño a las páginas Web. El lenguaje HTML es el componente básico de las páginas web, CSS es el lenguaje utilizado para hacer que esas páginas web sean visualmente atractivas y XML es el lenguaje de marcado para programar la web.

HTML o el lenguaje de marcado

El HTML o “HyperText Markup Language”, es el componente básico de todas las páginas web

Es el lenguaje informático que se encarga de la estructura básica de la web, por esa razón, gestiona todos sus elementos.

Desde el texto, imágenes y multimedia que se colocan en las páginas web hasta opciones de estilo.

Como por ejemplo: agregar formato a los textos, ya sea negrita o cursiva.

HTML-CSS-XML-html
Cada página web es en realidad un archivo HTML.

Otro elemento que el lenguaje HTML maneja en cualquier página web son los enlaces que se agregan a la web.

Sin ellos, los visitantes no pueden navegar de una página a otra.

Es un lenguaje para describir páginas web con texto ordinario. HTML no es un lenguaje de programación complejo.

De hecho, si alguien tiene muy poca experiencia con computadoras, puede aprender HTML y comenzar a construir sus propias páginas web.

Relacionado: ¿Que es un app?

Una de las formas más sencillas de hacerlo es con un editor HTML, del que hay muchos programas para elegir.

Cada página web es en realidad un archivo HTML.

Las etiquetas 

Cada archivo HTML es solo un archivo de texto plano, pero con una extensión de archivo .html en lugar de .txt, y está compuesto de muchas etiquetas HTML.

Las etiquetas HTML son las palabras clave ocultas dentro de una página web que definen cómo el navegador web debe formatear y mostrar el contenido.

La mayoría de las etiquetas deben tener dos partes, una apertura y una parte de cierre.

Por ejemplo, <html>es la etiqueta de apertura y </html>es la etiqueta de cierre.

Hay que tener en cuenta que la etiqueta de cierre tiene el mismo texto que la etiqueta de apertura, pero tiene un carácter de barra diagonal adicional (/).

Se tiende a interpretar esto como el carácter “final” o “cercano”.

Ejemplo:

A continuación, se muestra un documento html básico, que contiene todas las etiquetas esenciales.

HTML-CSS-XML

Es importante aclarar que HTML no es el único lenguaje informático para el desarrollo web.

Con el desarrollo de HTML, este lenguaje se hizo cada vez más complicado.

Por esta razón, las etiquetas de estilo y contenido se combinaron en un solo lenguaje.

CSS o el lenguaje de diseño

CSS o “Cascading Style Sheets” permite a los diseñadores web controlar la apariencia de sus páginas web.

Es la forma en la que implementan la mayoría de las características de diseño.

Lo mejor es que es universal, es decir, es útil para todas las páginas del sitio que diseñe.

HTML-CSS-XML-CSS
El lenguaje CSS es el que le da formato a la Web, es decir, el que la hace visualmente atractiva.

Al trabajar con se CSS creará un archivo separado para la hoja de estilos.

Esto se puede vincular a todas las páginas, por lo que, al cambiar los elementos de diseño, la apariencia de cada página cambiará automáticamente.

Esto es considerablemente más fácil que ajustar la fuente o el fondo en cada página web.

Relacionado: ¿Cómo proteger la computadora contra Spyware?

Tomarse el tiempo para aprender CSS mejorará la experiencia de diseño web a largo plazo.

Algo interesante, es que muchos editores de HTML también funcionan como editores de CSS.

Los programas como Adobe Dreamweaver permiten manipular la hoja de estilo adjunta mientras trabaja en una página web, por lo que no es necesario tener un editor de CSS separado.

XML o la descripción de los datos

XML, o “eXtensible Markup Language” (Lenguaje de marcado extensible), fue diseñado para facilitar el intercambio de información y la interpretación de datos.

Se dice que es extensible porque no es un formato fijo como HTML (que es un único lenguaje de marcado predefinido ).

HTML-CSS-XML-XML
XML fue diseñado para facilitar el intercambio de información y la interpretación de datos en la Web.

Es diferente a HTML porque este fue diseñado para mostrar datos y centrarse en cómo se ven.

Resulta importante entender que XML no es un reemplazo para HTML.

En el futuro desarrollo de la Web, lo más probable es que XML se utilice para estructurar y describir los datos web, mientras que HTML se usará para formatear y mostrar los mismos datos.

Al aprender XML, se aprende cómo funcionan los lenguajes de marcado.

Básicamente, este es el lenguaje oculto que define la estructura de las páginas web y también está relacionado con CSS.

XML le permite al autor definir sus propias etiquetas y su propia estructura de documento.

También hay muchas otras especificaciones que en realidad son XML. Estos incluyen ​RSS, SOAP, and XSLT.