Modèle Wikinesq
Modèle Wikinesq
Site pour voir le code HTML en direct : https://html.onlineviewer.net/
Tableau
Tableau - candidats à une élection
Tableau - résultats d'une élection
<!DOCTYPE html>
<html>
<head>
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 80%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 5px;
}
.gaucher {
background-color: firebrick;}
.gauchep {
background-color: red;}
.gauches {
background-color: violet;}
.gauchec {
background-color: LimeGreen;}
.droitec {
background-color: aqua;}
.droitep {
background-color: deepskyblue;}
.droiter {
background-color: royalblue;}
.inde {
background-color: silver;}
}
</style>
</head>
<body>
<table>
<tr style="color:black;">
<th>Etiquette</th>
<th>Parti politique</th>
<th>Nom</th>
<th>Programme (mots-clés)</th>
</tr>
<tr>
<td class="gaucher"> Gauche radicale </td>
<td>AAA</td>
<td>Candidat 1</td>
<td>Transparence, égalité</td>
</tr>
<tr>
<td class="gauchep"> Gauche plurielle </td>
<td>BBB</td>
<td>Candidat 2</td>
<td>Transparence, égalité</td>
</tr>
<tr>
<td class="gauches"> Gauche socialiste </td>
<td>CCC</td>
<td>Candidat 3</td>
<td>Transparence, égalité</td>
</tr>
<tr>
<tr>
<td class="gauchec"> Centre-gauche </td>
<td>DDD</td>
<td>Candidat 4</td>
<td>Transparence, égalité</td>
</tr>
<tr>
<td class="droitec"> Centre-droit</td>
<td>EEE</td>
<td>Candidat 5</td>
<td>Transparence, égalité</td>
</tr>
<tr>
<td class="droitep"> Droite plurielle </td>
<td>FFF</td>
<td>Candidat 6</td>
<td>Transparence, égalité</td>
</tr>
<tr>
<td class="droiter"> Droite radicale </td>
<td>GGG</td>
<td>Candidat 7</td>
<td>Transparence, égalité</td>
</tr>
<tr>
<td class="inde"> Droite radicale </td>
<td>-</td>
<td>Candidat 8</td>
<td>Transparence, égalité</td>
</tr>
</table>
</body>
</html>
A venir
Infobox
Infobox Conflit
<!DOCTYPE html>
<html>
<head>
<style>
header {
font: bold 30px Constantia, serif;
text-align: center;
}
p {
font: 14px Arial;
background-color: #cecece;
}
body {
font: 14px Arial;
background-color: #e1e1e1;
}
textebrut1 {
font: 14px Arial;
}
.center {
display: block;
margin-left: auto;
margin-right: auto;
}
table {
text-align: center;
font: 14px Arial;
border-spacing: 10px;
}
</style>
</head>
<body>
<header><center>Crise du Turkana Lake</center></header>
<p>Début...............23 avril 2023</p>
<p>fin...............25 avril 2023</p>
<p>Issue...............Victoire roumaine puis helghanoise</p>
<p>Bélligérants</p>
<table rules="cols">
<tr><td></td><td></td></tr>
<tr><td>
<img src="https://i.ibb.co/fx9dJ7h/drapeau-HD-nesquacie.png" alt="drapeau-HD-nesquacie" border="0" width="20" height="10">
<b>République de Nesquacie</b>
<br>
<hr color= "b6b6b6">
<br>
<img src="https://i.ibb.co/fx9dJ7h/drapeau-HD-nesquacie.png" alt="drapeau-HD-nesquacie" border="0" width="20" height="10">
Basto Komitz
<br>
<img src="https://i.ibb.co/fx9dJ7h/drapeau-HD-nesquacie.png" alt="drapeau-HD-nesquacie" border="0" width="20" height="10">
Kim Dong-de
<br>
<br>
<hr color= "b6b6b6">
<br>
<img src="https://i.ibb.co/fx9dJ7h/drapeau-HD-nesquacie.png" alt="drapeau-HD-nesquacie" border="0" width="20" height="10">
40 concernés
</td>
<td>
<img src="https://i.ibb.co/hFqp7pL/rouma.png" alt="rouma" border="0" width="20" height="10">
<b>Colonie roumaine</b>
<br>
<img src="https://i.ibb.co/FBNrznC/helghan.png" alt="helghan" border="0" width="20" height="10">
<b>Helghan</b>
<br>
<hr color= "b6b6b6">
<br>
<img src="https://i.ibb.co/hFqp7pL/rouma.png" alt="rouma" border="0" width="20" height="10">
Andrey
<br>
<img src="https://i.ibb.co/FBNrznC/helghan.png" alt="helghan" border="0" width="20" height="10">
Zane
<br>
<img src="https://i.ibb.co/FBNrznC/helghan.png" alt="helghan" border="0" width="20" height="10">
Dudarov
<br>
<br>
<hr color= "b6b6b6">
<br>
<img src="https://i.ibb.co/hFqp7pL/rouma.png" alt="rouma" border="0" width="20" height="10">
15 concernés
<br>
<img src="https://i.ibb.co/FBNrznC/helghan.png" alt="helghan" border="0" width="20" height="10">
10 concernés
</td>
</tr>
</body>
</html>