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 de la creación de páginas Web y Aplicaciones Web. Más información a continuación sobre:
¿Qué es HTML?
HTML es el lenguaje para describir la estructura de las páginas web. HTML proporciona a los autores los medios para:
- Publique documentos en línea con encabezados, texto,tablas, listas, fotos, etc.
- Recupere información en línea a través de enlaces de hipertexto, con solo hacer clic en un botón.
- Diseñar formularios para realizar transacciones con servicios remotos, para su uso en la búsqueda de información, hacer reservas, ordenar productos, etc.
- Incluya hojas de cálculo, clips de vídeo, clips de sonido y otras aplicaciones directamente en sus documentos.
Con HTML, los autores describen la estructura de las páginas utilizando elementos de marcado. Los elementos del lenguaje etiquetan partes de 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. XHTML tiene todos los mismos elementos (para párrafos, etc.).) como la variante HTML, pero la sintaxis es ligeramente diferente. Dado que XHTML es una aplicación XML, puede utilizar otras herramientas XML con ella (como XSLT, un lenguaje para transformar el contenido XML).
¿Qué es CSS?
CSS es el lenguaje para describir la presentación de páginas web, incluidos los colores, el diseño y las fuentes. Permite adaptar la presentación a diferentes tipos de dispositivos, como pantallas grandes, pantallas pequeñas o impresoras. CSS es independiente de HTML y se puede usar con cualquier lenguaje de marcado basado en XML. La separación de HTML y CSS facilita el mantenimiento de sitios, el uso compartido de hojas de estilo entre páginas y la adaptación de páginas a diferentes entornos. Esto se conoce como la separación de la estructura (o contenido) de la presentación.
¿Qué es WebFonts?
WebFonts es una tecnología que permite a las personas usar fuentes a pedido a través de la Web sin necesidad de instalación en el sistema operativo. W3C tiene experiencia en fuentes descargables a través de HTML, CSS2 y SVG. Hasta hace poco, las fuentes descargables no eran comunes en la Web debido a la falta de un formato de fuente interoperable. El esfuerzo de WebFonts planea abordar eso a través de la creación de un formato de fuente abierto apoyado por la industria para la Web (llamado «WOFF»).
Ejemplos
El siguiente ejemplo muy sencillo de una parte de un documento HTML ilustra cómo crear un enlace dentro de un párrafo. Cuando se representa en la pantalla (o mediante un sintetizador de voz), el texto del enlace será «informe final»; cuando alguien activa el enlace, el navegador recuperará el recurso identificado por «http://www.example.com/report»:
<p class="moreinfo">For more information see the<a href="http://www.example.com/report">final report</a>.</p>
El atributo class en la etiqueta de inicio del párrafo («<p>») se puede usar, entre otras cosas, para agregar estilo. Por ejemplo, para poner en cursiva el texto de todos los párrafos con una clase de «moreinfo», se podría escribir, en CSS:
p.moreinfo { font-style: italic }
Colocando esa regla en un archivo separado, el estilo puede ser compartido por cualquier número de documentos HTML.