Exercice HTML corrigé réaliser un tableau pour éditer la facture de commande des livres

version="1.0" encoding="iso-8859-1"?>

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Groupement de colonnes</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<link rel="shortcut icon" type="images/x-icon" href="../images/favicon.ico" />
<style type="text/css" title="">
.gras{font-weight:bold; background-color: red;}
.prix{background-color: yellow;}
.date{background-color:#AAA;color:blue;}
</style>
</head>
<body>
<table border="5" width="100%" rules="groups" summary="Facture de livres"
? cellpadding="5">
<caption><big>Facture de votre commande de livres</big></caption>

<colgroup id="date" width="10%" span="1" align="center" class="date">
</colgroup>

<colgroup id="titre" span="2" width="25%" align="left" class="gras">
</colgroup>

<colgroup id="prix" span="3" align="right" class="prix">
<col width="10%" />
<col span="2" width="15%" />
</colgroup>

<thead><tr><th>Date </th><th>Titre </th> <th>Auteur</th> <th>Quantité </th>
? <th>Prix Unitaire </th> <th>Prix Total </th> </tr> </thead>
<tfoot><tr><th>Date </th> <th>Désignation </th> <th>Auteur</th> <th>Quantité
? </th> <th>Prix Unitaire </th> <th>Prix Total </th> </tr></tfoot>

<tbody>
<tr>

<td>29/05/2005</td><td>XHTML Design</td><td>Jeffrey Zeldman</td><td>3</td>
? <td>32.00 €</td><td>96.00 €</td>
</tr>
<tr>
<td>15/06/2005</td><td>CSS 2 </td><td>Raphael Goetter</td><td>2</td>
? <td>30.00 €</td><td>60.00 €</td>
</tr>
<tr>
<td>10/09/2005</td><td>XHTML et CSS </td><td>Jean Engels</td><td>5</td>
? <td>29.90 €</td><td>149.50 €</td>
</tr>
</tbody>
</table>
</body>
</html>

Télécharger aussi :

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *