Exercice

Exercice 1

Reproduisez le tableau suivant en HTML.

tableau1 tableau1

<!DOCTYPE html>
<html>
    <head>
        <title>Labo 2 ex 1</title>
        <meta charset="utf-8">
    </head>
    <body>
        <table border="1">
            <thead>
                <th>Nom</th>
                <th>Prénom</th>
                <th>Prénom 2</th>
                <th>Prénom 3</th>
                <th>Adresse mail 1</th>
                <th>Adresse mail 2</th>
                <th>Inscrit?</th>
            </thead>
            <tbody>
                <tr>
                    <td>Giraud</td>
                    <td>Pierre</td>
                    <td colspan="2">Victor</td>
                    <td colspan="2">pierre.giraud@ffff.fr</td>
                    <td rowspan="2">Oui</td>
                </tr>
                <tr>
                    <td>Joly</td>
                    <td colspan="3">Pauline</td>
                    <td>hhh@ddd.de</td>
                    <td>jkdhbskj@fkjh.aa</td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

Exercice 2

Même exercice.

tableau2 tableau2

<!DOCTYPE html>
<html>
    <head>
        <title>Labo ex 2</title>
    </head>
    <body>
        <table border="1">
            <tr>
                <td>X</td>
                <td>X</td>
                <td>X</td>
                <td>X</td>
                <td>X</td>
                <td>X</td>
            </tr>
            <tr>
                <td>X</td>
                <td rowspan="4">X</td>
                <td colspan="2" rowspan="2">X</td>
                <td rowspan="2">X</td>
                <td rowspan="3">X</td>
            </tr>
            <tr>
                <td>X</td>
            </tr>
            <tr>
                <td>X</td>
                <td colspan="3">X</td>
            </tr>
            <tr>
                <td>X</td>
                <td colspan="4">X</td>
            </tr>
        </table>
    </body>
</html>