Aller au contenu. | Aller à la navigation

Outils personnels

Navigation

S1-2012 Table

Le 3ème projet de la S1

HTML icon S1-Tables.html — HTML, 1 ko (1568 bytes)

Contenu du fichier

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
	<meta name="author" content="Bertrand Emery" />
	<title>Tables de mutliplication</title>
	<style>
		h1, table {text-align:center;}
		table {border-collapse:collapse; margin:auto;}
		td,th{border:solid 1px black; width: 3em;}
		.impaire {background-color:#f22;}
		.paire {background-color:#2f2;}
		.carre {background-color:#22f;}
		th {background-color:#aaa;}
		td:hover, th:hover {font-weight:bolder; border-width:2px;}
	</style>
</head>
<body>
	<h1>Tables de multiplication</h1>
	<table border>
		<thead>
			<tr><th>x</th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th><th>8</th><th>9</th><th>10</th></tr>
		</thead>
		<tbody>
			<tr class="impaire"><th>1</th><td class="carre">1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td></tr>
			<tr class="paire"><th>2</th><td>2</td><td class="carre">4</td><td>6</td><td>8</td><td>10</td><td>12</td><td>14</td><td>16</td><td>18</td><td>20</td></tr>
			<tr class="impaire"><th>3</th><td>3</td><td>6</td><td class="carre">9</td><td>12</td><td>15</td><td>18</td><td>21</td><td>24</td><td>27</td><td>30</td></tr>
			<tr class="paire"><th>4</th><td>4</td><td>8</td><td>12</td><td class="carre">16</td><td>20</td><td>24</td><td>28</td><td>32</td><td>36</td><td>40</td></tr>
			<tr class="impaire"><th>5</th><td>5</td><td>10</td><td>15</td><td>20</td><td class="carre">25</td><td>30</td><td>35</td><td>40</td><td>45</td><td>50</td></tr>
		</tbody>
	</table>
</body>
</html>