Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Web Con Tablas

    Cargado por

    Raquel Anmo
    10 vistas5 páginas
    Ejercicio para realizar una página web con tablas.

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Ejercicio para realizar una página web con tablas.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    10 vistas5 páginas

    Web Con Tablas

    Cargado por

    Raquel Anmo
    Ejercicio para realizar una página web con tablas.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 5

    HTML

    WEB CON TABLAS


    Vamos a crearnos una pgina web del tema que ms nos guste. Y
    para crearla vamos a usar las tablas de HTML como estructura.
    Iremos viendo un ejemplo cuyo tema es la serie "Juego de Tronos".
    Nuestra web tendr una estructura igual o parecida pero el tema ser
    el que deseemos.
    Nuestra web va a tener tres pginas que se enlazarn unas con otras.
    Cada pgina corresponder a un archivo html diferente.
    En nuestro ejemplo, hemos creado tres archivos que se llaman as:
    index.html
    casas.html
    ciudades.html
    Es importante que la pgina de portada se llame index.html (ahora
    nos dar igual, pero cuando la vayamos a subir a internet s es
    importante), pero las otras dos se pueden llamar cmo ms nos
    guste.
    Nuestra portada de ejemplo se ver as:

    Y, aunque no lo parezca (porque los bordes son invisibles), esto es


    una tabla:

    La cabecera, los botones y la imagen de portada son imgenes que


    nos hemos creado con Photoshop o nos hemos descargado de
    Internet.
    Y abajo hemos metido otra tabla (dentro de la principal) con una fila
    que tiene dos celdas. En cada celda hay un prrafo con texto.

    Y su cdigo HTML es el siguiente:


    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Documento sin ttulo</title>
    </head>
    <body>
    <table border="0" cellpadding="0" cellspacing="0" width="900"
    height="600">
    <tr>
    <td
    colspan="3"
    bgcolor="#4D0000"><img
    src="imagenes/cabecera.png">
    </tr>
    <tr>
    <td><a
    href="index.html"><img
    src="imagenes/boton1.jpg"></a>
    <td><a
    href="casas.html"><img
    src="imagenes/boton1.jpg"></a>
    <td><a
    href="ciudades.html"><img
    src="imagenes/boton1.jpg"></a>
    </tr>
    <tr>
    <td colspan="3"><img src="imagenes/portada.jpg">
    </tr>
    <tr>
    <td colspan="3" bgcolor="#DBC500" align="center">
    <table
    border="0"
    cellpadding="0"
    cellspacing="0"
    width="800" height="100">
    <tr>
    <td width="400"><p align="center"><font size="6"
    color="#4D0000">BIENVENIDOS A NUESTRA WEB</font></p>
    <td width="400"><p align="justify"><font
    color="#4D0000">Esta pgina web es un
    sitio creado para los
    fans de la serie Juego de Tronos.
    <br>
    Juego de tronos (Game of
    Thrones en ingls) es una serie de televisin estadounidense de
    fantasa medieval, drama y aventuras creada por David Benioff y D.
    B. Weiss para la cadena HBO. Est basada en la serie de novelas
    Cancin de hielo y fuego, del escritor estadounidense George R. R.
    Martin, cuyo primer libro se titula Juego de tronos.
    </font></p>
    </tr>
    </table>
    </tr>
    </table>
    </body>

    </html>

    También podría gustarte