Cap¡tulo 1
¨De d¢nde viene y qu? es HTML? ...... 1
Expectativa ..................................................... 2
Introducci¢n ................................................... 3
Un poco de historia ....................................... 4
El ?xito puede ser el mayor problema ....... 4
Round 2 (nuevos competidores) ................ 5
¨HTML5 o una versi¢n anterior? ................ 5
HTML4 ..................................................... 5
XHTML ..................................................... 6
HTML5 ..................................................... 6
Comprendiendo las etiquetas (tags) ......... 6
Comprendiendo las hojas de estilo
en cascada (CSS) ....................................... 7
JavaScript ....................................................... 8
Tecnolog¡as de p ginas activas de servidor 8
Resumen ........................................................ 9
Autoevaluaci¢n.............................................. 9
Evidencia ........................................................ 10
Referencias .................................................... 11
Bibliograf¡a ............................................. 11
Paginas Web recomendadas .............. 11
Respuestas sugeridas ................................. 12
Cap¡tulo2
Prepar ndonos para HTML5 ................ 13
Expectativa ..................................................... 14
Introducci¢n ................................................... 15
Eligiendo un navegador ............................... 15
Tipo de documento ....................................... 17
Etiqueta .................. 18
Estructura b sica de un documento HTML 18
Etiquetas
y ................. 18
T¡tulo y Metadatos ........................................ 19
Ejemplo ................................................... 19
Ejercicio .................................................. 21
P rrafos y saltos de l¡nea ............................ 21
Detecci¢n de las caracter¡sticas
de HTML5.................................................... 23
Resumen ........................................................ 26
Autoevaluaci¢n ............................................. 26
Evidencia ........................................................ 27
Referencias ................................................... 27
Bibliograf¡a ............................................. 27
Paginas Web recomendadas .............. 27
Respuestas sugeridas ................................ 28
Cap¡tulo 3
M s bases HTML ............................... 29
Expectativa ................................................... 30
Introducci¢n ................................................. 31
¨HTML o XHTML? .......................................... 31
Formato de texto con etiquetas ................. 32
Cabeceras .............................................. 33
Ejercicio .................................................. 34
Negritas, cursiva, subrayado y otros .. 34
Ejercicio .................................................. 36
Sub¡ndices y super¡ndices ................... 36
Ejercicio .................................................. 37
Bloque de citas ...................................... 38
Ejercicio .................................................. 38
L¡nea Horizontal .................................... 39
Listas .............................................................. 40
Listas numeradas y listas
no numeradas .................................... 41
Listas de definici¢n ............................... 42
Ejemplo ................................................... 43
Im genes ....................................................... 44
Tablas ............................................................. 46
Ejemplo ................................................... 47
Hiperv¡nculos (enlaces) ................................ 48
Ejemplo ................................................... 49
Formularios (controles cl sicos) ................. 51
Estructura del formulario ..................... 56
Campo de texto ..................................... 56
µrea de texto .......................................... 57
Campo de contrase¤a
(password) ........................................... 57
Lista de selecci¢n simple
(combobox) .......................................... 58
Lista de selecci¢n m£ltiple (listbox) ... 59
Lista de selecci¢n m£ltiple
(listbox multiple selection) ................ 59
Lista de botones radio
(radio buttons) .................................... 59
Lista de cajas (checkboxes) ................. 61
Bot¢n para enviar informaci¢n ........... 62
Bot¢n para borrar
informaci¢n del formulario ............... 62
Bot¢n simple .......................................... 62
Imagen (bot¢n) ...................................... 63
Notas adicionales sobre botones ........ 63
Campo oculto ......................................... 63
Validar p ginas HTML5 ................................ 64
Resumen ........................................................ 64
Autoevaluaci¢n.............................................. 65
Evidencia ........................................................ 65
Referencias .................................................... 66
Bibliograf¡a ............................................. 66
Paginas Web recomendadas .............. 66
Respuestas sugeridas ................................. 66
Cap¡tulo 4
Los nuevos elementos HTML5 ............ 67
Expectativa ..................................................... 68
Nueva sem ntica .......................................... 69
Elementos estructurales .............................. 69
article....................................................... 69
aside ........................................................ 70
footer ....................................................... 71
header ..................................................... 71
nav ........................................................... 71
section ..................................................... 72
Elementos estructurales
complementarios ....................................... 72
address .................................................... 72
hgroup ..................................................... 73
menu ....................................................... 73
Elementos sem nticos en l¡nea ................. 74
command ............................................... 74
details y summary ................................ 75
dfn ........................................................... 75
figure y figcaption ................................. 76
wbr ........................................................... 76
Media .............................................................. 76
audio ....................................................... 76
canvas ..................................................... 77
embed ....................................
