Esercizi avanzati sulle tabelle

Realizzare, per ognuno degli esercizi seguenti, una pagina HTML corrispondente all'immagine data.

Deve essere rispettato il layout, ma le immagini possono essere cambiate in funzione delle immagini disponibili. Vedere anche gli esercizi di base (1 - 2 - 3 - 4) e i primi esercizi sulle tabelle (5 - 6 - 7)

Esercizio 8

Esercizio 8

Soluzione




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

    <head>

        <title>Esercizio Tabelle</title>

        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    </head>

    <body bgcolor="#FFFFFF" text="#000000">

        <table width="70%" border="1" cellspacing="0" cellpadding="12" align="left"
bgcolor="#FFFF00">

            <tr>

                <td>

                    <table width="100%" border="0" cellspacing="2" cellpadding="2"
bgcolor="#006666">

                        <tr>

                            <td colspan="2">

                                <center>

                                    <img src="IMMAGINI/ptreew2.gif" alt="immagine 1" width="70"
height="100">

                                </center>

                            </td>

                        </tr>

                        <tr>

                            <td>

                                <center>

                                    <img src="IMMAGINI/floww2.gif" alt="immagine 2 " width="80"
height="100">

                                </center>

                            </td>

                            <td>

                                <center>

                                    <img src="IMMAGINI/jaco1w2.gif" alt="immagine 3 " width="100"
height="100">

                                </center>

                            </td>

                        </tr>

                    </table>

                </td>

            </tr>

        </table>

        <img src="IMMAGINI/witch.gif" alt="immagine 4 " width="100" height="96" align="right">

        <p>Nel mezzo del cammin di nostra vita, mi ritrovai per una selva oscura </p>

        <p>Nel mezzo del cammin di nostra vita, mi ritrovai per una selva oscura </p>

        <p><img src="IMMAGINI/hallww2.gif" alt="immagine 5 " width="150" height="53"
align="left">Nel

        mezzo del cammin di nostra vita, mi ritrovai per una selva oscura </p>

        <p>Nel mezzo del cammin di nostra vita, mi ritrovai per una selva oscura </p>

        <p>Nel mezzo del cammin di nostra vita, mi ritrovai per una selva oscura </p>

        <p>Nel mezzo del cammin di nostra vita, mi ritrovai per una selva oscura </p>

        <p>Nel mezzo del cammin di nostra vita, mi ritrovai per una selva oscura </p>

        <p>Nel mezzo del cammin di nostra vita, mi ritrovai per una selva oscura </p>

    </body>

</html>


				

Esercizio 9

Esercizio 9

Esercizio 10

Esercizio 10