Publicado el 23 de Enero del 2017
1.133 visualizaciones desde el 23 de Enero del 2017
1,8 MB
184 paginas
Creado hace 11a (14/03/2013)
INTRODUCCIÓN A
XHTML
JAVIER EGUILUZ
LIBROSWEB
Introducción a XHTML
Javier Eguiluz
Fecha publicación: 14/03/2013
Este libro fue publicado con la aplicación easybook (http://easybook-project.org) , una herramien-
ta de software libre para la publicación de libros digitales.
Licencia
Este libro se publica bajo la licencia Creative Commons Reconocimiento - No Comercial - Compartir Igual 3.0,
cuyos detalles puedes consultar en http://creativecommons.org/licenses/by-nc-sa/3.0/es/
Puedes copiar, distribuir y comunicar públicamente la obra, incluso transformándola, siempre que
cumplas todas las condiciones siguientes:
• Reconocimiento: debes reconocer siempre la autoría de la obra original, indicando tanto el
nombre del autor (Javier Eguiluz) como el nombre del sitio donde se publicó originalmente
(librosweb.es). Este reconocimiento no debe hacerse de una manera que sugiera que el autor o
el sitio apoyan el uso que haces de su obra.
• No comercial: no puedes utilizar esta obra con fines comerciales de ningún tipo. Entre otros,
no puedes vender esta obra bajo ningún concepto y tampoco puedes publicar estos contenidos
en sitios web que incluyan publicidad de cualquier tipo.
• Compartir igual: si alteras o transformas esta obra o si realizas una obra derivada, debes
compartir tu trabajo obligatoriamente bajo esta misma licencia.
Índice de contenidos
Capítulo 1. Introducción . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
1.1. ¿Qué es HTML? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
1.2. Breve historia de HTML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
1.3. Especificación oficial . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
1.4. HTML y XHTML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
1.5. HTML y CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10
Capítulo 2. Características básicas . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
2.1. Lenguajes de etiquetas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11
2.2. El primer documento HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
2.3. Etiquetas y atributos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
2.4. Elementos HTML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 20
2.5. Sintaxis de las etiquetas XHTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22
Capítulo 3. Texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25
3.1. Estructurar. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26
3.2. Marcado básico de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 30
3.3. Marcado avanzado de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35
3.4. Marcado genérico de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38
3.5. Espacios en blanco y nuevas líneas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 39
3.6. Codificación de caracteres . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47
Capítulo 4. Enlaces . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
4.1. URL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 51
4.2. Enlaces relativos y absolutos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54
4.3. Enlaces básicos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59
4.4. Enlaces avanzados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63
4.5. Otros tipos de enlaces . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66
4.6. Ejemplos de enlaces habituales . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68
Capítulo 5. Listas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73
5.1. Listas no ordenadas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 73
5.2. Listas ordenadas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 74
5.3. Listas de definición. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 75
Capítulo 6. Imágenes y objetos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79
6.1. Imágenes. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79
6.2. Mapas de imagen . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82
6.3. Objetos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84
Capítulo 7. Tablas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89
7.1. Tablas básicas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90
7.2. Tablas avanzadas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100
Capítulo 8. Formularios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107
8.1. Formularios básicos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107
8.2. Elementos de formulario. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109
8.3. Formularios avanzados . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116
8.4. Otros elementos de formulario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 119
Capítulo 9. Estructura y layout . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127
Capítulo 10. Metainformación. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 131
10.1. Estructura de la cabecera . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 131
10.2. Metadatos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133
10.3. DOCTYPE. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 134
Capítulo 11. Otras etiquetas importantes. . . . . . . . . . . . . . . . . . . . . 137
11.1. Comentarios. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137
11.2. JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138
11.3. CSS . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139
11.4. Iframes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140
11.5. Otras etiquetas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142
Capítulo 12. Accesibilidad . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 145
12.1. Requisitos del nivel A de accesibilidad. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146
Capítulo 13. Validación . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149
13.1. Validación con Dreamweaver . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 149
13.2. Validador del W3C . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 151
13.3. Otros validadores . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 152
Capítulo 14. Fragmentos de código . . . . . . . . . . . . . . . . . . . . . . . . . . 155
14.1. Documento XHTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160
14.2. Cabecera XHTML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161
14.3. Tabla . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161
14.4. Formulario . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162
Capítulo 15. Ejercicios resueltos . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165
15.1. Ejercicio 1. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165
15.2. Ejercicio 2. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 165
15.3. Ejercicio 3. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 166
15.4. Ejercicio 4. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167
15.5. Ejercicio 5. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 168
15.6. Ejercicio 6. . . . . . . . . . . . . . . . .
Comentarios de: Introducción a XHTML (0)
No hay comentarios