conta
Páginas: 46 (11333 palabras)
Publicado: 19 de octubre de 2013
XHTML+CSS
de una maldita vez!
(versi´n alpha 3)
o
Bel´n Albeza (BenKo)
e
12 de diciembre de 2004
´
Indice general
I
XHTML: La chicha
5
1. Introducci´n al XHTML
o
6
1.1. ¿Qu´ es el XHTML? . . . . . . . . . . . . . . . . . . . . . . . . .
e
6
1.2. ¿Y eso de CSS? . . . . . . . . . . . . . . . . . . . . . . . . . . . .
7
1.3. ¿C´mo funciona el XHTML? . . . .. . . . . . . . . . . . . . . .
o
7
1.4. ¿Pero para hacer webs no se usa el FrontPage? . . . . . . . . . .
8
1.5. Mi amigo que es dise˜ador usa Dreamweaver . . . . . . . . . . .
n
8
1.6. Una preguntilla... . . . . . . . . . . . . . . . . . . . . . . . . . . .
8
2. Estructura de un documento XHTML
9
2.1. El DOCTYPE y la codificaci´n . . . . . . . . . . . . . . . . .. .
o
9
2.2. El elemento ra´ (HTML) . . . . . . . . . . . . . . . . . . . . . .
ız
10
2.3. La cabecera (HEAD) . . . . . . . . . . . . . . . . . . . . . . . . .
10
2.4. El cuerpo (BODY) . . . . . . . . . . . . . . . . . . . . . . . . . .
11
2.5. Nuestra plantilla . . . . . . . . . . . . . . . . . . . . . . . . . . .
11
3. Etiquetas b´sicas
a
12
3.1. P´rrafos .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
a
12
3.2. Saltos de l´
ınea . . . . . . . . . . . . . . . . . . . . . . . . . . . .
12
3.3. T´
ıtulos (headings) . . . . . . . . . . . . . . . . . . . . . . . . . .
13
3.4. Los Blockquotes . . . . . . . . . . . . . . . . . . . . . . . . . . .
13
3.5. Separadores horizontales . . . . . . . . . . . . . . . . .. . . . . .
14
3.6. Comentarios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
14
4. Etiquetas de formato
15
1
´
4.1. Enfasis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
15
4.2. Preformato . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
15
4.3. Citas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .16
4.4. Acr´nimos y abreviaturas . . . . . . . . . . . . . . . . . . . . . .
o
16
4.5. Acerca de b y sus secuaces . . . . . . . . . . . . . . . . . . . . . .
16
5. Enlaces
18
5.1. Enlace a una p´gina externa . . . . . . . . . . . . . . . . . . . . .
a
18
5.2. Enlace a una p´gina local . . . . . . . . . . . . . . . . . . . . . .
a
19
5.3. Enlace a una direcci´nde e-mail . . . . . . . . . . . . . . . . . .
o
19
5.4. Anclas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
19
6. Listas
21
6.1. Listas ordenadas . . . . . . . . . . . . . . . . . . . . . . . . . . .
21
6.2. Listas sin ordenar . . . . . . . . . . . . . . . . . . . . . . . . . . .
21
6.3. Listas de definici´n . . . . . . . . . . . . . . . . . . .. . . . . . .
o
22
6.4. Listas anidadas . . . . . . . . . . . . . . . . . . . . . . . . . . . .
22
7. Im´genes
a
24
7.1. Insertar una imagen . . . . . . . . . . . . . . . . . . . . . . . . .
24
7.2. Im´genes como links . . . . . . . . . . . . . . . . . . . . . . . . .
a
25
7.3. Sobre el uso y abuso de im´genes . . . . . . . . . . . . . . . . . .
a
26
8.Tablas
27
8.1. Una tabla b´sica . . . . . . . . . . . . . . . . . . . . . . . . . . .
a
27
8.2. Atributos de table . . . . . . . . . . . . . . . . . . . . . . . . . .
28
8.3. Expandir filas y columnas . . . . . . . . . . . . . . . . . . . . . .
28
8.4. ¿Tablas para layouts? ¡Insensato! . . . . . . . . . . . . . . . . . .
29
9. Formularios
31
9.1. La etiqueta FORM .. . . . . . . . . . . . . . . . . . . . . . . . .
31
9.2. Campos de texto . . . . . . . . . . . . . . . . . . . . . . . . . . .
32
9.3. Campos de contrase˜a . . . . . . . . . . . . . . . . . . . . . . . .
n
33
9.4. Etiquetar campos . . . . . . . . . . . . . . . . . . . . . . . . . . .
33
2
´
9.5. Areas de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . ....
de una maldita vez!
(versi´n alpha 3)
o
Bel´n Albeza (BenKo)
e
12 de diciembre de 2004
´
Indice general
I
XHTML: La chicha
5
1. Introducci´n al XHTML
o
6
1.1. ¿Qu´ es el XHTML? . . . . . . . . . . . . . . . . . . . . . . . . .
e
6
1.2. ¿Y eso de CSS? . . . . . . . . . . . . . . . . . . . . . . . . . . . .
7
1.3. ¿C´mo funciona el XHTML? . . . .. . . . . . . . . . . . . . . .
o
7
1.4. ¿Pero para hacer webs no se usa el FrontPage? . . . . . . . . . .
8
1.5. Mi amigo que es dise˜ador usa Dreamweaver . . . . . . . . . . .
n
8
1.6. Una preguntilla... . . . . . . . . . . . . . . . . . . . . . . . . . . .
8
2. Estructura de un documento XHTML
9
2.1. El DOCTYPE y la codificaci´n . . . . . . . . . . . . . . . . .. .
o
9
2.2. El elemento ra´ (HTML) . . . . . . . . . . . . . . . . . . . . . .
ız
10
2.3. La cabecera (HEAD) . . . . . . . . . . . . . . . . . . . . . . . . .
10
2.4. El cuerpo (BODY) . . . . . . . . . . . . . . . . . . . . . . . . . .
11
2.5. Nuestra plantilla . . . . . . . . . . . . . . . . . . . . . . . . . . .
11
3. Etiquetas b´sicas
a
12
3.1. P´rrafos .. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
a
12
3.2. Saltos de l´
ınea . . . . . . . . . . . . . . . . . . . . . . . . . . . .
12
3.3. T´
ıtulos (headings) . . . . . . . . . . . . . . . . . . . . . . . . . .
13
3.4. Los Blockquotes . . . . . . . . . . . . . . . . . . . . . . . . . . .
13
3.5. Separadores horizontales . . . . . . . . . . . . . . . . .. . . . . .
14
3.6. Comentarios . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
14
4. Etiquetas de formato
15
1
´
4.1. Enfasis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
15
4.2. Preformato . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
15
4.3. Citas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .16
4.4. Acr´nimos y abreviaturas . . . . . . . . . . . . . . . . . . . . . .
o
16
4.5. Acerca de b y sus secuaces . . . . . . . . . . . . . . . . . . . . . .
16
5. Enlaces
18
5.1. Enlace a una p´gina externa . . . . . . . . . . . . . . . . . . . . .
a
18
5.2. Enlace a una p´gina local . . . . . . . . . . . . . . . . . . . . . .
a
19
5.3. Enlace a una direcci´nde e-mail . . . . . . . . . . . . . . . . . .
o
19
5.4. Anclas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
19
6. Listas
21
6.1. Listas ordenadas . . . . . . . . . . . . . . . . . . . . . . . . . . .
21
6.2. Listas sin ordenar . . . . . . . . . . . . . . . . . . . . . . . . . . .
21
6.3. Listas de definici´n . . . . . . . . . . . . . . . . . . .. . . . . . .
o
22
6.4. Listas anidadas . . . . . . . . . . . . . . . . . . . . . . . . . . . .
22
7. Im´genes
a
24
7.1. Insertar una imagen . . . . . . . . . . . . . . . . . . . . . . . . .
24
7.2. Im´genes como links . . . . . . . . . . . . . . . . . . . . . . . . .
a
25
7.3. Sobre el uso y abuso de im´genes . . . . . . . . . . . . . . . . . .
a
26
8.Tablas
27
8.1. Una tabla b´sica . . . . . . . . . . . . . . . . . . . . . . . . . . .
a
27
8.2. Atributos de table . . . . . . . . . . . . . . . . . . . . . . . . . .
28
8.3. Expandir filas y columnas . . . . . . . . . . . . . . . . . . . . . .
28
8.4. ¿Tablas para layouts? ¡Insensato! . . . . . . . . . . . . . . . . . .
29
9. Formularios
31
9.1. La etiqueta FORM .. . . . . . . . . . . . . . . . . . . . . . . . .
31
9.2. Campos de texto . . . . . . . . . . . . . . . . . . . . . . . . . . .
32
9.3. Campos de contrase˜a . . . . . . . . . . . . . . . . . . . . . . . .
n
33
9.4. Etiquetar campos . . . . . . . . . . . . . . . . . . . . . . . . . . .
33
2
´
9.5. Areas de texto . . . . . . . . . . . . . . . . . . . . . . . . . . . ....
Leer documento completo
Regístrate para leer el documento completo.