WordPress – html und css

Um tiefergehende Änderungen in WordPress durchzuführen, müss html und css beherrscht werden.

html und css übernehmen dabei verschiedene Ausgaben:

html: Aufbau der Struktur einer Seite
css: Formatierung und Design einer Seite

Um html und css zu üben, benötigt man keine Serverumgebung! Man kann die Dateien also irgendwo im Dateisystem ablegen und dort mit einem Browser öffnen.

HTML

Das Grundgerüst einer html-Seite sieht so aus:

<html>
<head>
<title>Titel der Seite</title>
</head>
<body>
Inhalt, der im Browserfenster angezeigt wird.
</body>
</html>

Hier noch einige Möglichkeiten der Strukturierung:

Weiters gibt es noch folgende Tags:

main: Hauptbereich einer Seite
nav: Navigation der Seite
section: Bereich einer Seite

CSS

css ist für die Formatierung zuständig.
Es ist sinnvoll, die css-Anweisungen in eine eigene Datei zu schreiben und in der html-Datei auf diese css-Datei zu verweisen:

Dieser Verweis kommt dann in den head der html-Seite:

Aufbau einer css-Anweisung:

Selektor {
Eigenschaft: wert;
Eigenschaft: wert;
Eigenschaft: wert;
}

Tutorial:
CSS lernen – Cascading Style Sheets für aktuelles Webdesign (html-seminar.de)