DokuWiki

Outils pour utilisateurs

Outils du site

Piste :
html

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision		Révision précédente
Dernière révisionLes deux révisions suivantes
html [2016/01/03 09:59] – [Éléments de structure] simonhtml [2016/01/03 10:26] – simon
Ligne 55: Ligne 55:
 Pour créer un tableau, on utilise la balise ''<table>''. Chaque ligne est créée avec la balise ''<tr>'' et chaque colonne dans une ligne est créée avec la balise ''<td>''. Ici le tableau a une bordure de ''1px''.  Pour créer un tableau, on utilise la balise ''<table>''. Chaque ligne est créée avec la balise ''<tr>'' et chaque colonne dans une ligne est créée avec la balise ''<td>''. Ici le tableau a une bordure de ''1px''. 
 <code html> <code html>
-        <table border="1px"> +<table border="1px"> 
-            <tr> +            <thead> 
-                <td>King Kong</td> +                <tr> 
-                <td>1933</td>      +                    <th colspan="2">Les monstres célèbres par année de naissance</th> 
-            </tr> +                </tr> 
-             +                <tr> 
-            <tr> +                    <th>Monstres célèbres</th> 
-                <td>Dracula</td> +                    <th>Année de naissance</th> 
-            </tr> +                </tr> 
-             +            </thead> 
-            <tr> +            <tbody> 
-                <td>Frankenstein</td> +                <tr> 
-            </tr>+                    <td>King Kong</td> 
 +                    <td>1933</td>      
 +                </tr> 
 +                 
 +                <tr> 
 +                    <td>Dracula</td> 
 +                    <td>1897</td> 
 +                </tr> 
 +                 
 +                <tr> 
 +                    <td>Frankenstein</td> 
 +                    <td>1935</td> 
 +                </tr> 
 +            </tbody>
         </table>         </table>
 +</code>
 +
 +=== Div ===
 +''Div'' permet de **div**iser une page en plusieurs "conteneurs" afin, par exemple, de leur attribuer un style différent, de les faire pointer vers des liens, etc. Ici, un exemple avec quatre ''<div>'', avec chacun une couleur différentes. Le dernier est aussi un lien qui pointe vers [[http://korben.info|Korben.info]].
 +<code html>
 + <body>
 + <div style="width:50px; height:50px; background-color:red"></div>
 + <div style="width:50px; height:50px; background-color:blue"></div>
 + <div style="width:50px; height:50px; background-color:green"></div>
 + <a href="http://korben.info/"><div style="width:50px; height:50px; background-color:yellow"></div></a>
 + </body>
 </code> </code>