5568 sujets

Sémantique web et HTML

Les tableaux en HTML

Bonjour à toutes et à tous,

voila, je suis débutant en HTML et je voudrais faire une page HTML qui ressemble à ca:

upload/11684-tab.jpg

Je me permets de faire à appel à votre aide parce que j'ai des difficultés à obtenir ce rendu.

Voila pour l'instant mon code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <HEAD>
         <TITLE> Bienvenue </TITLE>
   </HEAD>

   <BODY>
         <TABLE>
          <TABLE border solid>
           <caption> Voici le titre du tableau </caption>

           <TR border: 1px solid black width="100%">
	    <TD rowspan = 2 width="15%"> Titre A1 </TD>
            <TD width="85%"> Titre A2 </TD>
           </TR>

           <TR>
	    <TD width="85%"> Valeur B2 </TD>
           </TR>
         </TABLE>
        </TABLE>
   </BODY>
</HTML>


Merci pour votre aide
Modifié par strauss (01 Apr 2007 - 13:06)
Merci pour ton aide.

Je suis allé faire un tour et j'ai remarqué que les tableaux n'ont plus l'air d'être à la mode?

Est-ce que la méthode div+css peut me poser problème si je souhaite incorporer un calendrier en php??
strauss a écrit :
Je suis allé faire un tour et j'ai remarqué que les tableaux n'ont plus l'air d'être à la mode?
Effectivement, c'est une façon de voir les choses! Smiley ravi Plus sérieusement, je te conseille de te renseigner sur les avantages qu'apportent la mise en page sémantique, entre autre sur Openweb et ici-même.

strauss a écrit :
Est-ce que la méthode div+css peut me poser problème si je souhaite incorporer un calendrier en php??
Non, au contraire...
strauss a écrit :
Est-ce que la méthode div+css peut me poser problème si je souhaite incorporer un calendrier en php??

Je vois pas trop pourquoi...

Par contre, attention aux écueils suivant :
- utiliser le positionnement CSS pour la mise en forme ne signifie pas que l'on doive bannir tous les tableaux, même certains de tableaux de mise en forme (pour un calendrier par exemple, ça peut être pratique) ;
- si tu connais la technique de découpage d'une mise en page avec des tableaux, ne pas tenter de procéder de même avec les CSS. La logique n'est pas la même.
a écrit :
Est-ce que la méthode div+css peut me poser problème si je souhaite incorporer un calendrier en php??


Pour faire un calendrier, il faut justement utiliser des tableaux. Car si les tableaux sont déconseillés pour faire une mise en page, ils sont nécesséaires pour présenter des données tabulaires, c'est à dire des données se présentant sous la forme de lignes et colonnes.

Voici le code que je te propose pour faire un calendrier très simple avec un tableau :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
         <title>Avril 2007</title>
   </head>
   <body>
         <table>
           <caption>Avril 2007</caption>
           <thead>
                 <tr>
                    <th>Lundi</th>
                    <th>Mardi</th>
                    <th>Mercredi</th>
                    ...
                 </tr>
           </thead>
           <tbody>
                 <tr>
                    <td>2</td>
                    <td>3</td>
                    <td>4</td>
                    ...
                 </tr>
                 <tr>
                    <td>9</td>
                    <td>10</td>
                    <td>11</td>
                    ...
                 </tr>
           </tbody>
       </table>
   </body>
</html>

J'ai mis les balises en minuscules car tu as choisis un doctype XHTML.

N'oublie pas de valider ta page au fur et à mesure de sa conception.
http://validator.w3.org/
Sujet clos
Aller à