Beiträge gestalten
Um eigene Beiträge auf dieser Website hinzufügen zu können muss man über keine speziellen Kenntnisse verfügen. Man kann die Beiträge ganz normal, wie auf einer Schreibmaschine verfassen.
Eine zweifache Zeilenschaltung gestattet es, Absätze zu erzeugen - also wirklich wie mit der Schreibmaschine. Einen Nachteil hat diese Vorgehensweise jedoch:
Die Schrift ist immer gleich formatiert - eben wie mit einer Schreibmaschine geschrieben.
Es kann also nicht schaden, wenn man sich mit ein paar Grundregeln der HTML (Hypertext Markup Language) befasst. Dies ist die Seitenbeschreibungssprache, die für Internetseiten verwendet wird.
Ich werde also nachfolgende einige grundlegende Dinge zur Textformatierung vorstellen.
HTML arbeitet mit sogenannten "Tags". Diese Tags sind Anweisungen, die fast immer paarweise auftreten. D.h. für eine Anweisung (z.B. für eine Textformatierung) muss ein Anfangs-Tag und ein Abschluss-Tag gesetzt werden.
Der Text zwischen diesen Tags wird dann dementsprechend formatiert.
Auf dieser Website ist HTML nur in eingeschränktem Maße erlaubt. Die freigegebenen Tags werden unter dem Textfeld, in dem man seinen Beitrag verfasst, aufgelistet.
Hier nun das Wichtigste zum Formatieren von Text:
<b>Fett</b> = Fett
<i>Kursiv</i> = Kursiv
<big>Big</big> = Big
<strong>Strong</strong> = Strong
<small>Small</small> = Small
Dies genügt eigentlich schon, um ansprechende Texte zu erstellen.
Es kann jedoch auch einmal vorkommen, dass man eine Möglichkeit zur Auflistung verschiedener Punkte benötigt. Hierzu stehen uns auf dieser Website zwei Möglichkeiten zur Verfügung:
- <ol></ol> - "Ordered list"
- <ul></ul> - "Unordered list"
Die einzelnen Listeneinträge müssen zwischen die Tags <li></li> platziert werden.
Hier ein Beispiel für eine "Ordered List":
Der Code
<ol>
<li>Erster Listeneintrag</li>
<li>Zweiter Listeneintrag</li>
</ol>
ergibt diese Liste:
- Erster Listeneintrag
- Zweiter Listeneintrag
Beispiel für eine "Unordered List":
der Code
<ul>
<li>Erster Listeneintrag</li>
<li>Zweiter Listeneintrag</li>
</ul>
ergibt die Liste:
- Erster Listeneintrag
- Zweiter Listeneintrag
Die Anzahl der Listeneinträge ist natürlich unbegrenzt. Ich habe nur für die Beispiele jeweils zwei benutzt.
• Textausrichtung mit "<div>"
Textplatzierung
Für die Textausrichtung links, mitte oder rechts kann <div> verwendet werden. Allerdings ist hier ein zusätzlicher Parameter nötig.
<div align="left">
Text, der links ausgerichtet sein soll.
</div>
Dieses Beispiel stellt einen Text dar, dem mit dem "div-Tag" links ausgerichtet wurde. Das kann man sich allerdings sparen, da dies die Standard-Ausrichtung ist.
<div align="center">
Text mit zentrierter Ausrichtung
</div>
Dieser Text ist nun zentriert ausgerichtet.
Das macht sich immer hübsch bei Überschriften.
<div align="right">
Text der rechts ausgerichtet ist
</div>
Nun richten wir natürlich auch noch etwas Text an der rechten Seite aus. Damit das Ganze etwas deutlicher wird, muss ich hier noch mehr sinnlosen Text platzieren. Anzumerken wäre noch, dass es auch den Parameter "justify" gibt, der so etwas wie Blocksatz ermöglicht. Allerdings sind die Ergebnisse in den wenigsten Fällen zufriedenstellend.
• Weitere Gestaltungselemente
Absätze:
Mit <p></p> kann man Text zu Absätzen formatieren. Wenn beim Verfassen des Beitrags allerdings "HTML vorformatiert" eingestellt ist, kann man sich dies sparen. Verwendet man die Paragraph-Tags trotzdem, summieren sich die Abstände der Absätze.
Trotzdem ein kleines Beispiel:
<p>Dies ist der Text des ersten Absatzes. Allzu viel will ich hier gar nicht schreiben.</p><p>Denn hier kommt schon der Text für den zweiten Absatz.</p>
Das Ergebnis sieht dann so aus:
Dies ist der Text des ersten Absatzes. Allzu viel will ich hier gar nicht schreiben.
Denn hier kommt schon der Text für den zweiten Absatz.
Mit <br> fügt mein einen Zeilenumbruch ein.
Beispiel:
Man kann also alles direkt am Stück schreiben und dennoch sieht das Ergebnis dann wesentlich aufgelockerter aus.<br>Hier beginnt nun die neue Zeile.
Ergebnis:
Man kann also alles direkt am Stück schreiben und dennoch sieht das Ergebnis dann wesentlich aufgelockerter aus.
Hier beginnt nun die neue Zeile.
Wer sich nun fragt, wie die horizontalen Linien in den Text kommen - das geht ganz einfach mit <hr> (Horizontal Rule). Für <hr> wird kein Abschlusstag benötigt.