Typografie

Am Beispiel des Layouts dieser Webseite sehen Sie nachstehend eine mögliche Darstellung von Schriften, Überschriften, Tabellen usw. wie Sie für eine Webseite geplant werden können.

Die Überschrift 1. Ordnung sehen Sie oben als Titel der Seite. Diese sollte auf einer Seite nur einmal verwendet werden.

Wir verwenden auf den Technik-Seiten überwiegend Blind-Texte, da es hier nur um die Darstellung und weniger um den Inhalt geht.

Überschrift 2

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Überschrift 2 verlinkt

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit, esse, quo distinctio dolores magni reprehenderit id est at fugiat veritatis fugit dignissimos sed ut facere molestias illo impedit. Tempora, iure!

Überschrift 3

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Überschrift 4

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Überschrift 5

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Überschrift 6

Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.

Zitat

Phosfluorescently e-enable adaptive synergy for strategic quality vectors. Continually transform fully tested expertise with quote link. Appropriately communicate adaptive imperatives rather than value-added potentialities. Conveniently harness frictionless outsourcing.

Hinweise, Meldungen, Fehler

Beispiel einer Status-Meldung.
Page Typography has been updated.
Beispiel einer Warnung.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Beispiel einer Fehler-Meldung.
There is a security update available for your version of Drupal. To ensure the security of your server, you should update immediately! See the available updates page for more information.


Absatz mit Links

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

Geordnete Liste

  1. Dies ist ein Beispiel einer geordneten Liste.
  2. Lorem ipsum dolor sit amet consectetuer.
  3. Congue Quisque augue elit dolor.
    1. Something goes here.
    2. And another here
  4. Congue Quisque augue elit dolor nibh.

Ungeordnete Liste

  • Dies ist ein Beispiel einer ungeordneten Liste.
  • Condimentum quis.
  • Congue Quisque augue elit dolor.
    • Something goes here.
    • And another here
      • Something here as well
      • Something here as well
      • Something here as well
    • Then one more
  • Nunc cursus sem et pretium sapien eget.


Feldgruppe

Titel Feldgruppe

Tabelle

Titel 1 Titel 2
Zeile 1, Zelle 1 Zeile1, Zelle 2
Zeile 2, Zelle 1 Zeile 2, Zelle 2
Zeile 3, Zelle 1 Zeile 3, Zelle 2

weiter geht's

QR-Seitencode

QR-Code scannen und diese Seite mit mobilen Endgerät betrachten.