tableau html simple et complexe

1 <style>
2      td,th{border:1px black solid; padding: 15px; text-align:center;}
3
4table{border-collapse:collapse ;margin: 30px;}
5
6</style>
7
8
9
10
11	<!--tableau simple-->
12        <table>
13          <tr>
14            <th> Prénoms</th>
15            <th>Noms</th>
16          </tr>
17             <tr>
18               <td>Pierre</td>
19               <td>Martinet</td>
20            
21            </tr>
22        </table>
23        
24              <!-- tableau complexe-->
25        
26          <table>
27            
28            <thead>
29              <tr>
30                <th>Prénoms</th>
31                <th>Noms</th>
32                <th>Célibataire</th>
33                <th>Couple</th>
34                
35              </tr>
36            </thead>
37            
38            <tbody>
39              <tr>
40                <td>Pierre</td>
41                <td>jardinier</td>
42                <td>oui</td>
43                <td>non</td>
44              </tr>
45              <tr>
46                <td>Clarisse</td>
47                <td>vendeuse</td>
48                <td>non</td>
49                <td>oui</td>
50              </tr>
51               <tr>
52                <td>Bernard</td>
53                <td>Politicien</td>
54                <td>??</td>
55                <td>??</td>
56              </tr>
57            </tbody>
58            
59            <tfoot>
60               <th>Prénom</th>
61               <th>Profession</th>
62               <th>Célibataire</th>
63              <th>Couple</th>
64            </tfoot>
65            
66           </table>
67
68	
69
70
71        </body>