Ehrweb.de

Homepage Styleguide

Referenz für HTML-Elemente, Formulare und Farben der Familien-Homepage.

Wichtigste HTML-Elemente für Webseiten

Überschriften

Überschriften strukturieren den Inhalt hierarchisch (<h1> bis <h6>):

Überschrift 1 (h1)

Überschrift 2 (h2)

Überschrift 3 (h3)

Überschrift 4 (h4)

Überschrift 5 (h5)
Überschrift 6 (h6)

Textformatierung

Fett mit <strong>, kursiv mit <em>.

Listen

Ungeordnete Liste (<ul>, <li>):

  • Erster Punkt
  • Zweiter Punkt

Geordnete Liste (<ol>, <li>):

  1. Schritt eins
  2. Schritt zwei

Links

Links (<a href="...">) verknüpfen Seiten: Zur Startseite

Zitat

Das Web ist für alle da.

Tabelle

Beispiel-Tabelle
Spalte 1 Spalte 2
Zelle A Zelle B
Zelle C Zelle D

Code

<html>
  <body>Hallo Welt</body>
</html>

Bild mit Beschriftung

ehrweb Logo
Logo als Beispiel für <figure> und <figcaption>

Definitionen

HTML
HyperText Markup Language – Auszeichnungssprache für Webseiten
CSS
Cascading Style Sheets – Formatierung und Layout

Formulare mit allen Input-Typen

Text-Eingaben

Zahlen und Bereich

Datum und Zeit

Sonstige Eingaben

radio

Select und Textarea

Buttons (button und input)