Table style
The following tables have identical HTML code in the body of the document:
<table class="…">
<tr>
<td>19</td><td>3</td>
<td>6</td><td>8</td>
<td>11</td><td>14</td>
<td>17</td>
<td>19</td><td>3</td>
<td>6</td><td>8</td>
<td>11</td><td>14</td>
<td>17</td>
</tr>
<tr>
<td>C</td><td>D</td>
<td>E</td><td>F</td>
<td>G</td><td>A</td>
<td>B</td>
<td>C</td><td>D</td>
<td>E</td><td>F</td>
<td>G</td><td>A</td>
<td>B</td>
</tr>
</table>
the only difference being the <table class="…">
that selects the CSS style to be applied.
- Simple table:
-
19 | 3 | 6 | 8 | 11 | 14 | 17 |
19 | 3 | 6 | 8 | 11 | 14 | 17 |
C | D | E | F | G | A | B |
C | D | E | F | G | A | B |
- Table with rules:
-
19 | 3 | 6 | 8 | 11 | 14 | 17 |
19 | 3 | 6 | 8 | 11 | 14 | 17 |
C | D | E | F | G | A | B |
C | D | E | F | G | A | B |
- Table with buttons:
-
19 | 3 | 6 | 8 | 11 | 14 | 17 |
19 | 3 | 6 | 8 | 11 | 14 | 17 |
C | D | E | F | G | A | B |
C | D | E | F | G | A | B |
- Table with music:
-
19 | 3 | 6 | 8 | 11 | 14 | 17 |
19 | 3 | 6 | 8 | 11 | 14 | 17 |
C | D | E | F | G | A | B |
C | D | E | F | G | A | B |
- Table with too much style:
-
19 | 3 | 6 | 8 | 11 | 14 | 17 |
19 | 3 | 6 | 8 | 11 | 14 | 17 |
C | D | E | F | G | A | B |
C | D | E | F | G | A | B |
Note that as always, these CSS styles work only if the HTML
code in the body contains no formatting instructions.
Of course no good HTML code ever would,
as its purpose is strictly to describe the content, not the appearance.