Différences

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

--- html [2016/01/03 10:07] – [Éléments de structure] simon
+++ html [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''.
 <code html>
-        <table border="1px">
+<table border="1px">
             <thead>
+                <tr>
+                    <th colspan="2">Les monstres célèbres par année de naissance</th>
+                </tr>
                 <tr>
                     <th>Monstres célèbres</th>
@@ Ligne 62: / Ligne 65: @@
                 </tr>
             </thead>
             <tbody>
                 <tr>
@@ Ligne 80: / Ligne 82: @@
             </tbody>
         </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>