Introducción a XHTML

Esta guía ha sido creada para dar una visión inicial en la creación de documentos en XHTML (eXtensible HyperText Markup Language). Está destinada a personas completamente noveles, sin conocimientos ni de HTML ni de XML, y que tengan que utilizarlo únicamente en casos concretos. El lector objetivo podría perfectamente ser un usuario de WordPress que a veces tenga que editar el código HTML de su entrada. Entonces, el manual se centra exclusivamente en la faceta de presentación de contenidos, sin tratar temas vinculados con la programación, como JavaScript o el desarrollo de formularios, ni la personalización del aspecto mediante hojas de estilo.

XHTML es un lenguaje para la definición de estilos lógicos en documentos de hipertexto, siendo el medio principal para la diseminación de información en World Wide Web. XHTML se limita a describir la estructura y el contenido de un documento, nunca el formato de la página y su apariencia, ya que éstos son muy dependientes del visualizador utilizado.

Contenidos

  1. Etiquetas
    1. Sintaxis de las etiquetas
    2. Atributos
    3. Elementos
    4. Sensibilidad a mayúsculas
  2. Entidades
  3. Estructura de un documento XHTML
  4. Un documento inicial
    1. Título
    2. Cabeceras
    3. Párrafos
    4. Finales de línea
    5. Lineas horizontales
  5. Estilos de texto
    1. Estilos lógicos
    2. Estilos físicos
  6. Bloques de texto
    1. Direcciones
    2. Texto preformateado
    3. Texto citado
  7. Listas
    1. Listas no numeradas
    2. Listas enumeradas
    3. Listas de definiciones
    4. Listas anidadas
  8. Tablas
    1. Tablas básicas
    2. Título, cabecera y pie de tabla
    3. Dando formato a la tabla
    4. Uniones de celdas
  9. Enlaces. Documentos hipertexto
    1. Texto del enlace (anchor)
    2. Creando enlaces
    3. Enlaces absolutos y relativos
    4. Referencias locales
    5. Enlaces a referencias locales
  10. Imágenes
    1. Formatos de ficheros de imágenes habituales
    2. Imágenes inline
    3. Texto alternativo
  11. Formularios
    1. La etiqueta FORM
    2. La etiqueta INPUT
    3. La etiqueta SELECT
    4. La etiqueta TEXTAREA
  12. Los siguientes ejemplos son sencillas páginas HTML para demostrar algunas capacidades de la combinación HTML+CSS+JavaScript:
Copyright © 2011-2012 Mariano Martín Nevado

Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.3 or any later version published by the Free Software Foundation; with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. A copy of the license is included in the section entitled GNU Free Documentation License.