Text-Elemente
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans.
Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien.
Text mit Bild links
Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut.
Liste
Lieste unsortiert
- Listenelement 1
- Listenelement 2
Liste sortiert
- Listenelement 1
- Listenelement 2
Text mit Bild links (1/3)
Für das Verhältnis 1/3 einfach die CSS-Klasse "bild-text-1-3" hinzufügen.
Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut.
Text mit Bild rechts (3/1)
Für das Verhältnis 1/3 einfach die CSS-Klasse "text-bild-3-1" hinzufügen.
Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut.
Text mit Bild rechts
Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut.
Liste
Liste unsortiert
- Listenelement 1
- Listenelement 2
Liste sortiert
- Listenelement 1
- Listenelement 2
Text mit Bild oben
Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut.
Text mit Bild unten
Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut.
Titel H3 mit viel mehr Text um einen
Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut.
Titel H4 mit mehr Text und viel blabla
Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut.
Titel H5 mit viel mehr Text und blabla
Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut.
Beschreibungsliste
Das Inhaltselement «Beschreibungsliste» ist ideal für Kurzbeschreibungen und Meilensteine. Mit der zusätzlichen CSS-Klasse können Sie die Liste in 2 Spalten darstellen.
Beschreibungsliste 1-Spaltig (col-3-10)
- 1969
- Gründung der Rotodur AG durch Paul Füchslin, Ludwig Grüter und Josef Kolb mit Firmensitz an der Entfelderstrasse 45 in Aarau
- 1980
- Aufbau einer Internationalen Verkaufsorganisation durch unseren Verkaufsdirektor Beat Sollberger
- 1981
- Übernahme der Firma EHA AG, Gränichen und neuer Firmensitz der Rotodur AG an der Nordstrasse 2 in Gränichen
Beschreibungsliste 2-Spaltig extra-schmal (description-list-col-2-xs)
- 1969
- Gründung der Rotodur AG durch Paul Füchslin, Ludwig Grüter und Josef Kolb mit Firmensitz an der Entfelderstrasse 45 in Aarau
- 1980
- Aufbau einer Internationalen Verkaufsorganisation durch unseren Verkaufsdirektor Beat Sollberger
- 1981
- Übernahme der Firma EHA AG, Gränichen und neuer Firmensitz der Rotodur AG an der Nordstrasse 2 in Gränichen
Beschreibungsliste 2-Spaltig schmal (description-list-col-2-s)
- 1969 - 1974
- Gründung der Rotodur AG durch Paul Füchslin, Ludwig Grüter und Josef Kolb mit Firmensitz an der Entfelderstrasse 45 in Aarau
- 1980 - 1981
- Aufbau einer Internationalen Verkaufsorganisation durch unseren Verkaufsdirektor Beat Sollberger
- 1981 - 1990
- Übernahme der Firma EHA AG, Gränichen und neuer Firmensitz der Rotodur AG an der Nordstrasse 2 in Gränichen
Beschreibungsliste 2-Spaltig mittel (description-list-col-2-m)
- HTML
- HTML bedeutet Hypertext Markup Language (deutsch: Hypertext-Auszeichnungssprache) und dient dazu, textbasierte Inhalte eines Webdokumentes zu strukturieren. Dabei werden nicht nur Inhalte darin ausgezeichnet, sondern auch Meta-Informationen, die diese Inhalte beschreiben.
- Diesisteinganzlangerbegriffnamen
- CSS steht für Cascading Style Sheets und ist eine Stylesheet-Sprache, die verwendet wird, um das Aussehen und die Gestaltung von Webseiten zu definieren und anzuordnen. Es steuert die Darstellung von HTML-Elementen wie Schriftarten, Farben, Abständen und Positionierung auf dem Bildschirm. CSS trennt die Struktur (HTML) von der Präsentation (CSS), was die Gestaltung von Webseiten effizienter und übersichtlicher macht.
- HTML
- HTML bedeutet Hypertext Markup Language (deutsch: Hypertext-Auszeichnungssprache) und dient dazu, textbasierte Inhalte eines Webdokumentes zu strukturieren. Dabei werden nicht nur Inhalte darin ausgezeichnet, sondern auch Meta-Informationen, die diese Inhalte beschreiben.
- Diesisteinganzlangerbegriffnamen
- CSS steht für Cascading Style Sheets und ist eine Stylesheet-Sprache, die verwendet wird, um das Aussehen und die Gestaltung von Webseiten zu definieren und anzuordnen. Es steuert die Darstellung von HTML-Elementen wie Schriftarten, Farben, Abständen und Positionierung auf dem Bildschirm. CSS trennt die Struktur (HTML) von der Präsentation (CSS), was die Gestaltung von Webseiten effizienter und übersichtlicher macht.
HTML-Element
Das HTML-Element kann für eigenen HTML-Code verwendet werden.
Häufig auch zum integrieren von iFrames und Sript-Tags. Wichtig dabei, die Tags müssen in der Liste der erlaubten HTML-Tags aufgenommen sein.
HTML-Element mit iframe
Weitere Text-Elemente
Aufzählung als Element
- Eintrag 1
- Eintrag 2
- Eintrag 3
Tabelle als Element
| Vorname | Nachname | Abteilung |
|---|---|---|
| Max | Mustermann | Einkauf |
| Angela | Musterfrau | Marketing |
| Dirk | Mayer | Vertrieb |
Beispielcode ausgeben
<?php
//Ein kleines Testcript
$mytext1 = "Contao";
$mytext2 = "Academy";
echo $mytext1 . '-' . $mytext2;
?>Markdown Element
Das ist ein Text mit Markdown formatiert.
So wäre es jetzt eine Liste:
- Eintrag 1
- Eintrag 2
- Eintrag 3
Weiteren Text schreiben.