Die Überschriften-Elemente h1 bis h6 werden für die Strukturierung verwendet. Die Überschrift oben ist in h1 formatiert.
Bitte nicht vergessen: Der Quelltext kann mit Strg+U angesehen und in den eigenen Editor kopiert werden.
Besonders wichtige Wörter werden durch das Element strong gekennzeichnet. Sie werden vom Browser
typischerweise in Fettschrift hervorgehoben. Ebenso können Zitate mit dem
Element cite kursiv gesetzt werden. Für kursiv nehmen wir generell das em-Element, obwohl es streng
genommen eine Betonung im Satz markiert. Für hoch und tief gibt es die sup- und
sub-Elemente.
Für den Absatz gibt es das p-Element und für eine Zeilenschaltung das br-Element. Das br-Element ist eines
der wenigen Elements, die nicht geschlossen werden müssen (am Seitenende sind alle leeren Elements
gelistet).
Es gibt Elemente für die Farbe und natürlich lässt sich alles kombinieren. Dies sollte aber eine Ausnahme sein. Wiederkehrende Gestaltung gehört in eine CSS-Datei oder in einen style-Block, nicht in viele einzelne HTML-Elemente.
Das Element <mark> kennzeichnet Text, der im jeweiligen Zusammenhang hervorgehoben werden soll, z. B. wie mit einem Textmarker.
Das Element <small> kennzeichnet Nebenbemerkungen oder Kleingedrucktes, etwa Copyright- oder Lizenzhinweise. Die Schriftgröße des Textes wird dadurch eine Größe kleiner, als das Elternelement dargestellt: Copyright...
Mit <ins> werden Wörter oder Textteile unterstrichen angezeigt. Sie mag Blumen․
Hier noch die Elemente für eine Aufzählung oder Liste. Jede ungeordnete Liste beginnt mit einem <ul> Element. Dieses umschließt alle Listenelemente:
Dies ist allerdings formal in HTML5 nicht zulässig. Die Einträge werden mit dem <li>-Element umschlossen und stehen dann untereinander:
Bei einer geordneten Liste mit dem Element <ol>, werden die Einträge nummeriert.
Bei einer verschachtelten Liste muss die Unterliste innerhalb der Liste stehen:
Sollen Listeneinträge nebeneneinander stehen, muss hierfür eine Stilregel definiert werden. Siehe hierfür den Quellcode und das Kapitel über "Styles". Kombiniert mit einem Link, lässt sich eine einfache Navigation gestalten:
Das <hr>-Element wird für horizontale Linien auf der Seite und für die thematische Unterteilung des Seiteninhalts verwendet.
Makierungen, die für einen ganzen Absatz oder mehr gelten, werden via "Styles" gemacht.
Mit text-align wird die horizontale Ausrichtung von Text und inline-Elementen wie Bildern (img) beeinflusst. Häufig werden die Zeilen mit einem linksbündigen Flattersatz ausgerichtet.
Ich bevorzuge dagegen den Blocksatz, in dem die Wörter so über die Zeilen verteilt werden, dass es sowohl links als auch rechts einen bündigen Rand gibt. Damit die Wortabstände in einer Zeile nicht zu groß werden, bietet CSS eine Silbentrennung (hyphens), die in der styles-Datei definiert ist. HTML liefert dafür mit lang="de" die notwendige Sprachinformation, um passende deutsche Trennregeln anzuwenden..
Hier zum Abschluss die Aufzählung der leeren Elemente, die selbstschließend sind und keinen abschließenden Schrägstrich benötigen: area, base, br, col, embed, hr, img, input, link, meta.