Correction exercices les tableaux en HTML : Série 02

Correction exercices les tableaux en HTML : Série 02

  1. Objectifs

  2. Exercice 01

    1. Énoncé
    2. Solution
      • <!doctype html>
        <html>
            <thead>
            <meta charset="utrf-8">
            <title>Les tableaux</title>
        </thead>
        <body>
            <center>
        <h3>Exercices 01</h3>
        
        <table border="3" width="60%">
            <tbody>
                <tr><td style="padding:20px;">
                <table  border="1" width="100%" >
                    <thead bgcolor="silver">
                        <tr><th>C1</th><th>C2</th><th>C3</th><th>C4</th></tr>
                    </thead>
                    <tbody>
                        <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
                        <tr><td>5</td><td>6</td><td>7</td><td>8</td></tr>
                        <tr><td>9</td><td>10</td><td>11</td><td>12</td></tr>
                    </tbody>
                    </table>
                </td><td style="padding:20px;" >
                    <table border="1" width="100%" >
                        <tbody>
                            <tr><td>A</td><td>B</td><td>C</td></tr>
                            <tr><td>D</td><td>E</td><td>F</td></tr>
                            <tr><td>G</td><td>H</td><td>I</td></tr>
                        </tbody>
                    </table></td></tr>
                <tr><td colspan='2' style="padding:20px;" >
                    <table border="1" width="100%" >
                    <tbody>
                        <tr><td>A</td><td>B</td><td>C</td><td>D</td><td>E</td><td>F</td><td>G</td></tr>
                        <tr><td>H</td><td>I</td><td>J</td><td>K</td><td>L</td><td>M</td><td>N</td></tr>
                        <tr><td>O</td><td>P</td><td>Q</td><td>R</td><td>S</td><td>T</td><td>U</td></tr>
                        <tr><td>V</td><td>W</td><td>X</td><td>Y</td><td>Z</td><td>AA</td><td>AB</td></tr>
                
                    </tbody>
                </table></td></tr>
            </tbody>
        </table>
        
        
        
        
        
        
        
        
        
        
        
        
         
        </body>
        </html>





Laisser un commentaire

Abonnez vous à notre chaîne YouTube gratuitement