HTML y CSS

Concepto de maquetado y diseño web con HTML y CSS, y las tecnologías que los acompañan.

HTML (el lenguaje de marcado de hipertexto) y CSS (hojas de estilo en cascada) son dos de las tecnologías principales para crear páginas web. HTML proporciona la *estructura* de la página; CSS, el *diseño* (visual y auditivo) para una variedad de dispositivos. Junto con los gráficos y las secuencias de comandos, HTML y CSS son la base para crear páginas y aplicaciones web.

¿Qué es HTML?

HTML es el lenguaje para describir la estructura de las páginas web. HTML da a los autores los medios para:

Publicar documentos en línea con encabezados, texto, tablas, listas, fotos, etc.
Diseñar formularios para realizar transacciones con servicios remotos: buscar información, hacer reservas, pedir productos, etc.
Recuperar información en línea a través de enlaces de hipertexto, con el clic de un botón.
Incluir hojas de cálculo, videoclips, clips de sonido y otras aplicaciones directamente en los documentos.

Con HTML, los autores describen la estructura de las páginas utilizando el marcado. Los elementos del lenguaje etiquetan partes del contenido como «párrafo», «lista», «tabla», etc.

¿Qué es XHTML?

XHTML es una variante de HTML que utiliza la sintaxis de XML, el lenguaje de marcado extensible. Tiene los mismos elementos que HTML (para párrafos, etc.), pero con una sintaxis ligeramente distinta. Al ser una aplicación XML, puede usar otras herramientas XML, como XSLT, un lenguaje para transformar contenido XML.

¿Qué es CSS?

CSS es el lenguaje para describir la presentación de las páginas web: colores, diseño y fuentes. Permite adaptar la presentación a diferentes tipos de dispositivos, como pantallas grandes, pequeñas o impresoras. CSS es independiente de HTML y puede usarse con cualquier lenguaje de marcado basado en XML. Separar HTML de CSS facilita mantener los sitios, compartir hojas de estilo entre páginas y adaptarlas a diferentes entornos — lo que se conoce como *separación de estructura y presentación*.

¿Qué son las WebFonts?

Las WebFonts son una tecnología que permite usar fuentes bajo demanda a través de la web, sin necesidad de instalarlas en el sistema operativo. Hasta hace poco, las fuentes descargables no eran comunes en la web por la falta de un formato interoperable — el esfuerzo de WebFonts creó un formato de fuente abierto para la web (WOFF), compatible con toda la industria.