|
|
|
|
| Dieses ist das Template Round | |
|---|---|
 | |
Formatierungen
Um genauer zu zeigen was alles in dieser Designvorlage formatiert ist, hier jetzt ein paar Formatierungen.Überschrift der Güte 1 <H1>
Überschrift der Güte 1 <H2>
Überschrift der Güte 1 <H3>
Überschrift der Güte 1 <H4>
Überschrift der Güte 1 <H5>
Überschrift der Güte 1 <H6>
Dieses ist ein mit <b> formatierter und fett geschriebener Text.Zum Vergleich hier noch etwas Text, der mit <strong> hervorgehoben wird.
Dieser Text soll dank <em> besonders betont werden
Ich bin ein Text, der kursiv (also schräg gestellt) geschrieben ist und dafür mit einem <i>-Tag formatiert wurde.
Ab und zu ist es erforderlich einen Textteil zu unterstreichen das geht mit <u>.
Sauber geschriebene Artikel werden in Abschnitte unterteilt. Dieses ist ein solcher Abschnitt.
Auch dies ist ein Abschnitte (paragraph), der ebenso wie der vorangegangene mit einem <p> formatiert worden ist.
Um aufzuzeigen wie sich Abschnitte zueinander verhalten ist auch dieses ein formatierter Abschnitt.
Zitate werden gerne in sogenannten <blockquote> angezeigt. Dadurch heben sie sich vom restlichen Text ab.Ab und zu, aber eher selten, werden Zitate auch mit <cite>.formatiert, so wie dieses hier.
Eine einfache Liste, formatiert mit <ul> und <li>:
- Listenelement 1
- Listenelement 2
- Listenelement 3
- Listenelement 4
Eine sortierte Liste, formatiert mit <ol> und <li>:
- Listenelement 1
- Listenelement 2
- Listenelement 3
- Listenelement 4
<div>-Tags eignen sich auch ganz gut zur Formatierung, wie dieser Text hier zeigt.
Nachfolgend zu sehen ist eine Tabelle, formatiert mit diesen Elementen: <table>, <caption>, <thead>, <tbody>, <tfoot>, <td>, <tr>
Die Tabelle hat eine Rahmenbreite von 1.
| Tabellekopf 1 | Tabellekopf 2 | Tabellekopf 3 |
|---|---|---|
| Tabellen-Fußzeile 1 | Tabellen-Fußzeile 2 | Tabellen-Fußzeile 3 |
| Reihe 1, Spalte 1 | Reihe 1, Spalte 2 | Reihe 1, Spaltel 3 |
| Reihe 2, Spalte 1 | Reihe 2, Spalte 2 | Reihe 2, Spalte 3 |
| Reihe 3, Spalte 1 | Reihe 3, Spalte 2 | Reihe 3, Spalte 3 |
Weil es so viel Spaß macht, hier noch einige weitere Textformatierungen:
<php echo "Dieses hier ist etwas PHP-Code in einem <code>-Tag"; ?>Adressen können mit <address> formatiert werden: Max Mustermann
Musterstraße 5
12345 Musterhausen
Zum Abschluss noch eine horizontale Linie mit <hr>:
