PDF de programación - Introduccion a XHTML

www.librosweb.es



Introducción a

XHTML



Javier Eguíluz Pérez

Introducción a XHTML

Sobre este libro...

▪ Los contenidos de este libro están bajo una licencia Creative Commons Reconoci-
miento - No Comercial - Sin Obra Derivada 3.0 (http://creativecommons.org/licen-
ses/by-nc-nd/3.0/deed.es)

▪ Esta versión impresa se creó el 21 de octubre de 2007 y todavía está in-
completa. La versión más actualizada de los contenidos de este libro se puede
encontrar en http://www.librosweb.es/xhtml

▪ Si quieres aportar sugerencias, comentarios, críticas o informar sobre errores,

puedes contactarnos en [email protected]

2

www.librosweb.es

Introducción a XHTML

Capítulo 1. Introducción.................................................................................. 5
1.1. ¿Qué es HTML? ........................................................................................ 5
1.2. Breve historia de HTML ............................................................................. 5
1.3. Especificación oficial ................................................................................. 7
1.4. HTML y XHTML ........................................................................................ 7
1.5. HTML y CSS ............................................................................................ 8
Capítulo 2. Características básicas .................................................................. 9
2.1. Lenguajes de etiquetas ............................................................................. 9
2.2. El primer documento HTML....................................................................... 10
2.3. Etiquetas y atributos ............................................................................... 13
2.4. Elementos HTML ..................................................................................... 16
2.5. Sintaxis de las etiquetas XHTML ................................................................19
Capítulo 3. Texto ........................................................................................... 21
3.1. Estructurar............................................................................................. 22
3.1.1. Párrafos ........................................................................................... 22
3.1.2. Secciones......................................................................................... 24
3.2. Marcado básico de texto .......................................................................... 26
3.3. Marcado avanzado de texto ...................................................................... 33
3.4. Espacios en blanco y nuevas líneas............................................................35
3.4.1. Nuevas líneas ................................................................................... 36
3.4.2. Espacios en blanco ............................................................................ 38
3.4.3. Texto preformateado ......................................................................... 40
3.5. Codificación de caracteres ........................................................................ 45
Capítulo 4. Enlaces ........................................................................................ 49
4.1. URL....................................................................................................... 49
4.2. Enlaces relativos y absolutos ....................................................................52
4.3. Enlaces básicos....................................................................................... 55
4.4. Enlaces avanzados .................................................................................. 59
4.4.1. Idioma del enlace (hreflang) ...............................................................60
4.4.2. Tipo de contenido (type) ....................................................................60
4.4.3. Tipo de relación (rel y rev) .................................................................61
4.4.4. Codificación de caracteres (charset).....................................................61
4.5. Otros tipos de enlaces ............................................................................. 62
4.6. Ejemplos de enlaces habituales.................................................................64
4.6.1. Enlace al inicio del sitio web................................................................64
4.6.2. Enlace a un email.............................................................................. 64
4.6.3. Enlace a un archivo FTP .....................................................................65
4.6.4. Enlazar varias hojas de estilos CSS......................................................65
4.6.5. Enlazar hojas de estilos CSS para diferentes medios ..............................65
4.6.6. Enlazar el favicon .............................................................................. 65
4.6.7. Enlazar un archivo RSS ...................................................................... 65
4.6.8. Enlazar hojas de estilos, favicon y RSS.................................................65

www.librosweb.es

3

Introducción a XHTML

4.6.9. Indicar que existe una versión de la página en otro idioma .....................66
4.6.10. Indicar que existe una versión de la página preparada para imprimir ......66
4.6.11. Indicar que existe una página que es índice de la página actual .............66
Capítulo 5. Listas........................................................................................... 67
5.1. Listas no ordenadas ................................................................................ 67
5.2. Listas ordenadas..................................................................................... 68
5.3. Listas de definición.................................................................................. 70
Capítulo 6. Imágenes y objetos ..................................................................... 74
6.1. Imágenes .............................................................................................. 74
6.2. Mapas de imagen.................................................................................... 77
6.3. Objetos ................................................................................................. 79
Capítulo 7. Tablas.......................................................................................... 83
7.1. Tablas básicas ........................................................................................ 84
7.2. Tablas avanzadas.................................................................................... 95
Capítulo 8. Formularios ............................................................................... 102
8.1. Formularios básicos............................................................................... 102
8.2. Formularios avanzados .......................................................................... 109
8.3. Otros elementos de formulario................................................................ 112
Capítulo 9. Estructura y layout .................................................................... 120
Capítulo 10. Metainformación...................................................................... 123
10.1. Estructura de la cabecera ..................................................................... 123
10.2. Metadatos .......................................................................................... 124
10.3. DOCTYPE ........................................................................................... 126
Capítulo 11. Otras etiquetas importantes .................................................... 128
11.1. Comentarios ....................................................................................... 128
11.2. JavaScript .......................................................................................... 128
11.3. CSS................................................................................................... 130
11.4. Iframes.............................................................................................. 130
11.5. Otras etiquetas ................................................................................... 132
Capítulo 12. Accesibilidad ........................................................................... 135
12.1. Requisitos del nivel A de accesibilidad .................................................... 135
Capítulo 13. Validación................................................................................ 137
Capítulo 14. Fragmentos de código ............................................................. 140
14.1. Documento XHTML .............................................................................. 145
14.2. Cabecera XHTML ................................................................................. 146
14.3. Tabla................................................................................................. 146
14.4. Formulario ......................................................................................... 147
Capítulo 15. Ejercicios resueltos.................................................................. 149

4

www.librosweb.es

Introducción a XHTML

Capítulo 1. Introducción

Capítulo 1. Introducción

1.1. ¿Qué es HTML?

Una definición simple de HTML indica que “HTML es lo que se utiliza para crear todas las
páginas web de Internet”. Más concretamente, HTML es el lenguaje con el que se “escri-
ben” las páginas web.

Los diseñadores de páginas web utilizan el lenguaje HTML para crear sus páginas, los
programas que utilizan los diseñadores generan páginas escritas con HTML y los navega-
dores que utilizamos los usuarios muestran las páginas web después de leer su contenido
HTML.

Aunque HTML es un lenguaje que utilizan los ordenadores y los programas de diseño, es
muy fácil de aprender y escribir