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:HTML Elementtypen.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Beispiel für Inline- und Block-Elemente</title>
    <style>
        h1, p { 
            background: #e7c157
        }
        p {
            max-width: 40em;
        }
        a, span {
            font-weight: bold;
            background: #fffbf0;
        }
    </style>
  </head>
  <body>
    <h1>Ich bin eine Überschrift <code>(h1)</code>, ein Block-Element und stehe in einer eigenen Zeile.</h1>
    <p>
      Ich bin ein Absatz <code>(p)</code> und stehe auch in einer eigenen Zeile, weil ich ein Block-Element bin.
    </p>
    <p>
      Ich bin ein weiterer Absatz <code>(p)</code>, deswegen erzwinge ich auch einen Zeilenumbruch.
      Allerdings habe ich jetzt ein 
      <span>Inline-Element dabei <code>(span)</code>, welches im Textfluss bleibt</span>
      und weiteren Text nicht beeinflusst.
    </p>
    <p> Innerhalb dieses Absatzes gibt es einen <a href="https://wiki.selfhtml.org/wiki/HTML/Tutorials">Link auf unsere Tutorials</a>.</p>
  </body>
</html>