<!DOCTYPE html>
<html>
    <head>
        <title>HTML mit STYLE</title>
    
        <style>
            table {text-align: center; }
            .ph10a {
                background-color: blue;
                color: white;
                }
            .ph10b {
                background-color: lightblue;
                color: grey;
                }
            .m8a {
                background-color: red;
                color: white;
                }
        </style>
    </head>
    
    <body>
        <p>Im „style-Bereich“ lassen sich für Objekte wie Tabellen Attribute festlegen. Im diesem Beispiel wird hier die Zentrierung des Textes festgelegt.</p>
        <p>Möchte man für bestimmte Zellen Formatierungen verlegen, so lassen sich <i>Klassen</i> (class) benennen. Für diese Klassen lassen sich dann Attributen bestimmte Attributwerte zuordnen.</p>
        
        <table width=„100%“>
            <tr>
                <td class=„ph10a“>Ph10a</td>
                <td class=„ph10b“>Ph10b</td>
            </tr>
            <tr>
                <td class=„m8a“>M8a</td>
                <td class=„ph10a“>Ph10a</td>
            </tr>
        </table>
    </body>
</html>

Kopiere dir den Quellcode von oben und erstelle mit Notepad++ die entsprechende HTML-Datei. Betrachte die zugehörige Webseite im Browser.

Nachdem du etwas mit dieser Testdatei herumexperimentiert hast sollst du die einzelnen Fächer in deiner Stundenplan-Tabelle stylen.

Weitere Anregungen findest du hier. Try it Yourself!

Viel Spaß und Erfolg dabei!

HTML mit STYLE
Markiert in:
Wir benutzen Cookies um die Nutzerfreundlichkeit der Webseite zu verbessen. Durch Deinen Besuch stimmst Du dem zu.