Title: 4. Dezember
Course: Adventskalender zum Moodle-Lernen

4.12. Nicht schummeln ....

Tabellen "hübscher" machen:

Wechselt man mit <> in den HTML-Modus und ergänzt dort wo der Tabe-Tag steht class="table table-hover" so wird durch table die das Layout der Tabelle angepasst und über table-hover ändert sich die Tabellenzeilenhintergrundfarbe beim Überfahren mit der Maus.
Audio-Datei mir der MoodleApp aufgenommen: Link

ohne class="...
1. Summand | 2. Summand | Summe
5 | 6 | 11
3 | 4 | 7

mit table table-hover
1. Summand | 2. Summand | Summe
5 | 6 | 11
3 | 4 | 7

Quellcode:

<table class="table table-hover">
    <caption>mit table table-hover</caption>
    <thead>
        <tr>
            <th>1. Summand</th>
            <th>2. Summand</th>
            <th>Summe</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>5</td>
            <td>6</td>
            <td>11</td>
        </tr>
        <tr>
            <td>3</td>
            <td>4</td>
            <td>7</td>
        </tr>
    </tbody>
</table>