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 20 de febrero de 2008 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]

www.librosweb.es

2

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....................................................................................... 57
4.4. Enlaces avanzados .................................................................................. 61
4.4.1. Idioma del enlace (hreflang) ...............................................................61
4.4.2. Tipo de contenido (type) ....................................................................62
4.4.3. Tipo de relación (rel y rev) .................................................................62
4.4.4. Codificación de caracteres (charset).....................................................63
4.5. Otros tipos de enlaces ............................................................................. 63
4.6. Ejemplos de enlaces habituales.................................................................65
4.6.1. Enlace al inicio del sitio web................................................................65
4.6.2. Enlace a un email.............................................................................. 66
4.6.3. Enlace a un archivo FTP .....................................................................66
4.6.4. Enlazar varias hojas de estilos CSS......................................................67
4.6.5. Enlazar hojas de estilos CSS para diferentes medios ..............................67
4.6.6. Enlazar el favicon .............................................................................. 67
4.6.7. Enlazar un archivo RSS ...................................................................... 67
4.6.8. Enlazar hojas de estilos, favicon y RSS.................................................67

www.librosweb.es

3

Introducción a XHTML

4.6.9. Indicar que existe una versión de la página en otro idioma .....................67
4.6.10. Indicar que existe una versión de la página preparada para imprimir ......68
4.6.11. Indicar que existe una página que es índice de la página actual .............68
Capítulo 5. Listas........................................................................................... 69
5.1. Listas no ordenadas ................................................................................ 69
5.2. Listas ordenadas..................................................................................... 70
5.3. Listas de definición.................................................................................. 72
Capítulo 6. Imágenes y objetos ..................................................................... 76
6.1. Imágenes .............................................................................................. 76
6.2. Mapas de imagen.................................................................................... 79
6.3. Objetos ................................................................................................. 81
Capítulo 7. Tablas.......................................................................................... 85
7.1. Tablas básicas ........................................................................................ 86
7.2. Tablas avanzadas.................................................................................... 97
Capítulo 8. Formularios ............................................................................... 104
8.1. Formularios básicos............................................................................... 104
8.2. Formularios avanzados .......................................................................... 113
8.3. Otros elementos de formulario................................................................ 117
Capítulo 9. Estructura y layout .................................................................... 125
Capítulo 10. Metainformación...................................................................... 128
10.1. Estructura de la cabecera ..................................................................... 128
10.2. Metadatos .......................................................................................... 129
10.3. DOCTYPE ........................................................................................... 131
Capítulo 11. Otras etiquetas importantes .................................................... 134
11.1. Comentarios ....................................................................................... 134
11.2. JavaScript .......................................................................................... 134
11.3. CSS................................................................................................... 136
11.4. Iframes.............................................................................................. 137
11.5. Otras etiquetas ................................................................................... 138
Capítulo 12. Accesibilidad ........................................................................... 141
12.1. Requisitos del nivel A de accesibilidad .................................................... 141
Capítulo 13. Validación................................................................................ 143
13.1. Validación con Dreamweaver ................................................................ 143
13.2. Validador del W3C ............................................................................... 145
13.3. Otros validadores ................................................................................ 146
Capítulo 14. Fragmentos de código ............................................................. 149
14.1. Documento XHTML .............................................................................. 154
14.2. Cabecera XHTML ................................................................................. 155
14.3. Tabla................................................................................................. 155
14.4. Formulario ......................................................................................... 156
Capítulo 15. Ejercicios resueltos.................................................................. 158

www.librosweb.es

4

Introducción a XHTML

Capítulo 1. Introducción

Capítulo 1. Introducción

1.1. ¿Qué es HTML?

Definiéndolo de forma sencilla, “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 “escriben” la
mayoría de páginas web.

Los diseñadores utilizan el lenguaje HTML para crear sus páginas we