Artkon Blueprint | v1.9, Stand: 2016-12-17
CSS Basiselemente
Vielen Dank, dass Sie die Artkon Blueprint-Textvorlage verwenden. Artkon ist Ihre Webagentur, wenn einmal nicht alles nur kompliziert sein soll. Werfen Sie doch einmal einen Blick auf unser Produktangebot (zur Website von Artkon)!
Dieser Beispieltext bildet die Entscheidungsgrundlage für die Formatierung von Texten mithilfe von Cascading Stylesheets (CSS). Dabei werden hier tunlichst alle möglichen HTML-Elemente eingebunden, die für die Gestaltung von Websites benötigt werden.
Achtung: zur farblichen Hervorhebung ist die Klasse ‚coloredHTML‘ zu definieren!
Email-Format
Sollte Ihnen in diesem Demo-Text ein HTML-Element fehlen, bitten wir Sie um eine Benachrichtigung:
Wir kümmern uns um den ehebaldigen Nachtrag.
Überschriften
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Absatz
Lorem ipsum dolor sit amet, test link adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
Lorem ipsum dolor sit amet, emphasis consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
Listen
Definition List
- Definition List Title
- This is a definition list division.
Ordered List
- List Item 1
- List Item 2
- List Item 3
Unordered List
- List Item 1
- List Item 2
- List Item 3
Fieldsets, Legenden und Formularelemente
Tabellen
Table Header 1 | Table Header 2 | Table Header 3 |
---|---|---|
Footer 1 | Footer 2 | Footer 3 |
Division 1 | Division 2 | Division 3 |
Division 1 | Division 2 | Division 3 |
Division 1 | Division 2 | Division 3 |
Verschiedenes – abbr, acronym, pre, code, sub, sup etc.
Lorem superscript dolor subscript amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite (Quellenangabe). Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. AVE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. AVE
Zitat
This stylesheet is going to help so freaking much.
-Blockquote
Adresse
<address>Donald Duck
Box 555
Disneyland
Code
<code>
Not indented
indent1
indent1
indent2
indent3
KBD
<kbd>
This kbd text should be monospaced
and
wrap as if
one line of text
even though the code has newlines, spaces, and tabs.
It should be the same size as <p> text.
Textmuster zur Unterscheidkeit ähnlicher Buchstaben
Größe: 10px
aceo
(klein A, C, E, O)
Il1
(groß I, klein l, Ziffer 1)
O0
(groß O, Ziffer 0)
Größe: 14px
aceo
(klein A, C, E, O)
Il1
(groß I, klein l, Ziffer 1)
O0
(groß O, Ziffer 0)
Größe: 18px
aceo
(klein A, C, E, O)
Il1
(groß I, klein l, Ziffer 1)
O0
(groß O, Ziffer 0)
Größe: 22px
aceo
(klein A, C, E, O)
Il1
(groß I, klein l, Ziffer 1)
O0
(groß O, Ziffer 0)