XHTML

1. INTRODUCCIÓN

Para crear páginas web utilizando las tecnologías estándar recomendadas por la W3C (World Wide Web Consortium) es necesario saber estructurar bien el documento antes de aplicar el formato con CSS para que todo funcione como corresponde. Este documento debe tener el formato XHTML. (Después de leer este manual, puedes revisar nuestro manual de CSS)

Sólo necesitarás un editor de texto plano (como Bloc de Notas, Word no, porque da formato), también puedes utilizar Dreamweaver siempre que te acostumbres a usarlo en la vista “Code and Design” o “Código y Diseño” para eliminar el código basura que genera y poder echar mano al código, y un navegador.

XHTML significa eXtensive HyperText Markup Language y es la versión evolucionada del HTML. Es un lenguaje semántico, lo que quiere decir que no definimos el aspecto de las cosas, sino lo que significan. Por ejemplo, si tenemos el título de nuestra página, en lugar de decir “Lo quiero grande en letras rojas”, le indicamos al navegador que “Este es el título principal de la página”. Luego podemos controlar el aspecto con las hojas de estilo CSS, pero no del XHTML.

XHTML es un lenguaje que se basa en etiquetas (tags). Una etiqueta sería algo como esto:
<etiqueta>Algo aquí dentro</etiqueta>

La etiqueta que sirve para poner el título principal en la página es <h1>.
<h1>What is the Matrix?</h1>

Entonces, <h1> marca el inicio de la etiqueta y </h1> se encarga de cerrarla. También hay etiquetas que funcionan con una sola parte, así:
<etiqueta />

Debes tener en cuenta el espacio en blanco que hay entre el nombre de la etiqueta y la barra /. Es muy importante para que funcione con los navegadores viejos.

Existen algunas etiquetas que se pueden modificar mediante atributos (más adelante veremos cómo funcionan):
<etiqueta atributo="valor">

Por último debes recordar escribir las etiquetas siempre en minúsculas y los atributos siempre entre comillas.