SELF-Treffen in Mannheim 2025
SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.
Beispiel:CSS-counter.html
Aus SELFHTML-Wiki
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Zählen mit CSS counter()</title>
<style>
body {
counter-reset: kapitel 0 abschnitt 0;
h2 {
counter-increment: kapitel 1;
counter-set: abschnitt 0;
}
h2::before {
content: counter(kapitel) ' ';
color: red;
}
h3 {
counter-increment: abschnitt 1;
}
h3::before {
content: counter(kapitel) '.' counter(abschnitt, lower-alpha) ' ';
color: blue;
}
}
p {margin-left: 2em;}
</style>
</head>
<body><h1>Überschriftennummerierung mit CSS Countern</h1>
<h2>Hauptüberschrift</h2>
<p>Textinhalt als Fließtext</p>
<h3>Unterüberschrift</h3>
<p>Textinhalt als Fließtext</p>
<h3>Unterüberschrift</h3>
<p>Textinhalt als Fließtext</p>
<h2>Hauptüberschrift</h2>
<p>Textinhalt als Fließtext</p>
<h3>Unterüberschrift</h3>
<p>Textinhalt als Fließtext</p>
</body>
</html>
