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