A voir également:
- Tableau html
- Tableau word - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Tableau croisé dynamique - Guide
- Editeur html - Télécharger - HTML
3 réponses
Bonjour,
Ici, c'est très bien expliqué :
http://magali.contensin.online.fr/html/SYNTAXE_HTML/Tableau.html
Ici, c'est très bien expliqué :
http://magali.contensin.online.fr/html/SYNTAXE_HTML/Tableau.html
Bonjour, comme ça
<!DOCTYPE html>
<html>
<head>
<title>tableau</title>
<meta charset="UTF-8" />
<style type="text/css">
table {
border-collapse: collapse;
}
td {
border: 1px solid black;
width: 100px;
height: 30px;
}
.color1 {
background-color: #429EFB;
}
.color2 {
background-color: #C4E0FC;
}
.color3 {
background-color: #E0EDFA;
}
</style>
</head>
<body>
<table>
<tr>
<td class="color1"></td><td class="color1"></td><td class="color1"></td>
</tr>
<tr>
<td rowspan="4" class="color1"></td><td class="color2"></td><td class="color2"></td>
</tr>
<tr>
<td class="color3"></td><td class="color3"></td>
<tr>
<td class="color2"></td><td class="color2"></td>
</tr>
<tr>
<td class="color3"></td><td class="color3"></td>
</tr>
</table>
</body>
</html>
</body>
</html>
c'était très chiant à faire
mais voila
mais voila
<!DOCTYPE html>
<html>
<head>
<title>tableau</title>
<meta charset="UTF-8" />
<style type="text/css">
div {
border: 2px black solid;
width: 100px;
height: 30px;
}
#bloc {
width: 100px;
height: 134px;
background-color: #2742FA;
}
#colone1 {
position: relative;
bottom: 138px;
left: 100px;
}
#colone2 {
position: relative;
bottom: 172px;
left: 202px;
}
.color1 {
background-color: #2742FA;
}
.color2 {
background-color: #45A8E8;
}
.color3 {
background-color: #A8D7F6;
}
</style>
</head>
<body>
<div id="bloc"></div>
<div id="colone1">
<div class="color1"></div><div class="color2"></div>
<div class="color3"></div><div class="color2"></div>
</div>
<div id="colone2">
<div class="color1"></div><div class="color2"></div>
<div class="color3"></div><div class="color2"></div>
</div>
</body>
</html>
</body>
</html>
