Curso completo de HTML
7.9. Usando el atributo TYPE en una etiqueta LI podemos cambiar la viñeta de un único elemento de lista sin afectar a los demás. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244 7.1. Los cinco tipos distintos que puede tomar el atributo TYPE para listas ordenadas . . . . . . . . . . . . . . 245 7.10. Con el atributo TYPE podemos elegir entre 5 tipos distintos de numeración en las listas de HTML. En esta figura vemos los 4 nuevos. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 246 7.11. Si usamos el atributo START podemos variar el número (o letra en estos casos) por los que se empiezan a numerar los elementos de la lista. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 247 7.12. Con el atributo VALUE podemos indicar el valor de la numeración de cada uno de los elementos de las listas numeradas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 248 7.13. Con la nueva etiqueta DIV podemos cambiar el alineamiento de todo tipo de elementos HTML (imágenes, listas, párrafos, etc.) de una sola vez. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 250 7.14. Los buscadores permiten a los navegantes encontrar la información que buscan. Usando la etiqueta META podemos proporcionarles datos para que incluyan nuestras páginas en sus bases de datos. . . . 253 8.1. Los frames nos permiten dividir la ventana del navegador en varias secciones diferentes. En este caso la ventana a sido dividida en 4 frames. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 257 8.2. En el Web www.chess.com podemos ver un excelente ejemplo del uso de frames para mantener visibles las barras de navegación. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 259 8.3. Usando el atributo TARGET podremos lograr que pulsando el enlace de un frame el resultado se muestre en otro. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 261 8.4. Este debe ser el resultado final tras llevar a cabo todos los pasos en el ejemplo de uso del atributo TARGET para crear varias ventanas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 264 8.5. Variando la dirección de base con la etiqueta BASE variará el significado de las direcciones relativas. 267 8.6. En este Web pulsando sobre los enlaces del frame izquierdo nos movemos por los diferentes temas del frame derecho. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 268 8.7. Los Webs con frames constarán de varios documentos HTML. En este ejemplo al haber tres frames serán necesarios 4 documentos HTML. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 270 8.8. La estructura de las páginas con frames es diferente a las que no tienen. La principal diferencia es la sustitución de BODY por FRAMESET. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 270 8.9. Como vemos la ventana del navegador ha quedado dividida en dos columnas con un ancho del 20% y del 80% del ancho total de la ventana. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272 8.10. Las dos primeras columnas ocupan un ancho absoluto de 100 y 300 pixeles. La tercera al haber usado el asterisco ocupará el resto, que en este ejemplo son 372 pixeles. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 273 8.11. En esta ocasión vemos un ejemplo del uso de FRAMESET combinando los distintos modos de indicar el tamaño y el ancho resultante de cada uno para una ventana con 800 pixeles de ancho. . . . . . . . . . . . 275 8.12. Es posible usar los atributos COLS y ROWS simultáneamente para dividir la ventana en varias filas y columnas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 277 8.13. Ejemplo completo de una página con frames formado por un frame izquierdo pequeño que puede servir de índice y otro derecho con el contenido principal. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 281 8.14. Usando los diferentes atributos de la etiqueta FRAME podemos tener un mayor control sobre las diferentes características de los frames. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 283 8.15. El navegador NCSA Mosaic no soporta frames, con lo que los usuarios de dicho navegador no verán nada si no usamos la etiqueta NOFRAME. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 285 8.16. En este caso sí hemos usado NOFRAMES ofreciendo al navegante un enlace para ver una versión sin frames de las páginas. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 286 8.17. Para conseguir estructuras de frames más complejas puede anidarse la etiqueta FRAMESET. En esta figura se indica cómo hacerlo. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 287 8.18. Nuestra primera página con frames. La ventana está dividida en 3 apartados (los frames) el izquierdo es el índice, el superior el título y el central el que tiene el contenido. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 290 8.19. En general los navegadores dibujan líneas con aspecto 3-D para separar los frames. . . . . . . . . . . . 292 170. Con el atributo BORDERCOLOR podemos elegir el color que queramos para los bordes de los frames. 293
xiii