XHTML + CSS

Índice general

Licencia . . . . . . . . . . . . . . . . . . . . . . . . . . . . i

Índice general 2

1 Introducción 7

1.1. ¿Qué es el XHTML? . . . . . . . . . . . . . . . . . . 8

1.2. ¿Y eso de CSS? . . . . . . . . . . . . . . . . . . . . . 8

1.3. ¿Cómo funciona el XHTML? . . . . . . . . . . . . . 8

1.4. ¿Pero para hacer webs no se usa el FrontPage? . . . 9

1.5. Mi amigo que es diseñador usa Dreamweaver . . . . 9

1.6. Una preguntilla. . . . . . . . . . . . . . . . . . . . . . 10

I XHTML 11

2 Estructura XHTML 13

2.1. La codificación . . . . . . . . . . . . . . . . . . . . . 13

2.2. El DOCTYPE . . . . . . . . . . . . . . . . . . . . . 14

2.3. El elemento raíz (HTML) . . . . . . . . . . . . . . . 15

2.4. La cabecera (HEAD) . . . . . . . . . . . . . . . . . . 15

2.5. El cuerpo (BODY) . . . . . . . . . . . . . . . . . . . 16

2.6. La plantilla . . . . . . . . . . . . . . . . . . . . . . . 16

3 Etiquetas básicas 17

3.1. Párrafos . . . . . . . . . . . . . . . . . . . . . . . . . 17

3.2. Saltos de línea . . . . . . . . . . . . . . . . . . . . . 18

3.3. Los títulos (headings) . . . . . . . . . . . . . . . . . 18

3.4. Citas . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

3.5. Separadores horizontales . . . . . . . . . . . . . . . . 20

3.6. Comentarios . . . . . . . . . . . . . . . . . . . . . . . 20

2

3

4 Enlaces 21

4.1. Enlace a una página externa . . . . . . . . . . . . . . 21

4.2. Enlace a una página local . . . . . . . . . . . . . . . 22

4.3. Enlace a una dirección de e-mail . . . . . . . . . . . 22

4.4. Anclas . . . . . . . . . . . . . . . . . . . . . . . . . . 23

5 Listas 25

5.1. Listas ordenadas . . . . . . . . . . . . . . . . . . . . 25

5.2. Listas sin ordenar . . . . . . . . . . . . . . . . . . . . 26

5.3. Listas de definición . . . . . . . . . . . . . . . . . . . 26

5.4. Listas anidadas . . . . . . . . . . . . . . . . . . . . . 27

6 Imágenes 29

6.1. Insertar una imagen . . . . . . . . . . . . . . . . . . 29

6.2. Imágenes como links . . . . . . . . . . . . . . . . . . 30

6.3. Sobre el uso y abuso de imágenes . . . . . . . . . . . 31

7 Tablas 33

7.1. Una tabla básica . . . . . . . . . . . . . . . . . . . . 33

7.2. Atributos de table . . . . . . . . . . . . . . . . . . . 34

7.3. Expandir filas y columnas . . . . . . . . . . . . . . . 35

7.4. ¿Tablas para layouts? ¡Insensato! . . . . . . . . . . . 36

8 Formularios 39

8.1. La etiqueta FORM . . . . . . . . . . . . . . . . . . . 39

8.2. Campos de texto . . . . . . . . . . . . . . . . . . . . 40

8.3. Campos de contraseña . . . . . . . . . . . . . . . . . 41

8.4.

...