Différences

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

--- html [2016/01/03 09:48] – simon
+++ html [2016/01/03 10:26] – simon
@@ Ligne 50: / Ligne 50: @@
     <li>yup</li>
 </ul>
+</code>
+=== Tableaux ===
+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">
+            <thead>
+                <tr>
+                    <th colspan="2">Les monstres célèbres par année de naissance</th>
+                </tr>
+                <tr>
+                    <th>Monstres célèbres</th>
+                    <th>Année de naissance</th>
+                </tr>
+            </thead>
+            <tbody>
+                <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>
+</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>