Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen der Seite angezeigt.
| Beide Seiten, vorherige Überarbeitung Vorherige Überarbeitung Nächste Überarbeitung | Vorherige Überarbeitung | ||
| gf_informatik:web:repetition:websites [2022-01-10 10:23] – gra | gf_informatik:web:repetition:websites [2022-01-10 10:36] (aktuell) – gra | ||
|---|---|---|---|
| Zeile 21: | Zeile 21: | ||
| <nodisp 1> | <nodisp 1> | ||
| ++++Lösung| | ++++Lösung| | ||
| - | <code html> | + | |
| + | == HTML == | ||
| + | < | ||
| < | < | ||
| Zeile 39: | Zeile 41: | ||
| </ | </ | ||
| - | </ | + | </ |
| + | |||
| + | == CSS == | ||
| + | <code css style.css> | ||
| + | |||
| + | body{ | ||
| + | background-color: | ||
| + | font-family: | ||
| + | } | ||
| + | |||
| + | h1{ | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | a{ | ||
| + | font-size: 14pt; | ||
| + | text-align: center; | ||
| + | text-decoration: | ||
| + | padding: 10px 20px; | ||
| + | border-style: | ||
| + | } | ||
| + | |||
| + | a.red{ | ||
| + | background-color: | ||
| + | color: | ||
| + | } | ||
| + | |||
| + | a.red: | ||
| + | background-color: | ||
| + | color: darkred | ||
| + | } | ||
| + | |||
| + | a.blue{ | ||
| + | background-color: | ||
| + | color: | ||
| + | } | ||
| + | |||
| + | a.blue: | ||
| + | background-color: | ||
| + | color: darkblue | ||
| + | } | ||
| + | </ | ||
| ++++ | ++++ | ||
| </ | </ | ||