Initial commit with existing project files
This commit is contained in:
3
README.md
Normal file → Executable file
3
README.md
Normal file → Executable file
@@ -1,2 +1,3 @@
|
|||||||
# tp-web-statique-tableaux
|
# Tableaux
|
||||||
|
|
||||||
|
Exercice du cours web statique dans le cadre de ma formation CDA chez Human Booster
|
||||||
117
index.html
Executable file
117
index.html
Executable file
@@ -0,0 +1,117 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<link rel="stylesheet" href="style.css" />
|
||||||
|
<title>Exercice</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Matiere</th>
|
||||||
|
<th>Etudiant</th>
|
||||||
|
<th>Note</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Html/Css</td>
|
||||||
|
<td>Luke</td>
|
||||||
|
<td>17</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Html/Css</td>
|
||||||
|
<td>Leia</td>
|
||||||
|
<td>12</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Html/Css</td>
|
||||||
|
<td>Anakin</td>
|
||||||
|
<td>15</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Html/Css</td>
|
||||||
|
<td>Obi-wan</td>
|
||||||
|
<td>19</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Java</td>
|
||||||
|
<td>Luke</td>
|
||||||
|
<td>17</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Java</td>
|
||||||
|
<td>Leia</td>
|
||||||
|
<td>12</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Java</td>
|
||||||
|
<td>Anakin</td>
|
||||||
|
<td>15</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Java</td>
|
||||||
|
<td>Obi-wan</td>
|
||||||
|
<td>19</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Algo</td>
|
||||||
|
<td>Luke</td>
|
||||||
|
<td>17</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Algo</td>
|
||||||
|
<td>Leia</td>
|
||||||
|
<td>12</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Algo</td>
|
||||||
|
<td>Anakin</td>
|
||||||
|
<td>15</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Algo</td>
|
||||||
|
<td>Obi-wan</td>
|
||||||
|
<td>19</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Etudiant</th>
|
||||||
|
<th>Html/Css</th>
|
||||||
|
<th>Java</th>
|
||||||
|
<th>Algo</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<th>Luke</th>
|
||||||
|
<td>17</td>
|
||||||
|
<td>17</td>
|
||||||
|
<td>17</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>Leia</th>
|
||||||
|
<td>12</td>
|
||||||
|
<td>12</td>
|
||||||
|
<td>12</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>Anakin</th>
|
||||||
|
<td>15</td>
|
||||||
|
<td>15</td>
|
||||||
|
<td>15</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>Obi-wan</th>
|
||||||
|
<td>19</td>
|
||||||
|
<td>19</td>
|
||||||
|
<td>19</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
31
style.css
Executable file
31
style.css
Executable file
@@ -0,0 +1,31 @@
|
|||||||
|
body {
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
table {
|
||||||
|
border-collapse: collapse;
|
||||||
|
width: 230px;
|
||||||
|
margin: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
border: 1px solid salmon;
|
||||||
|
background-color: salmon;
|
||||||
|
font-weight: 700;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
thead th {
|
||||||
|
background-color: lightcoral;
|
||||||
|
border-color: lightcoral;
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
border: 1px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
td, th {
|
||||||
|
padding: 5px 10px;
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user