HTML Textstrukturierung

Textstrukturierung

• Einen Textblock erzeugt man mit

<div>Text des Absatzes</div>

• Einen Absatz mit Abstand zum vorhergehenden Text erzeugt man mit

<p>Text des Absatzes</p>

• Einen Zeilenwechsel erzwingt man mit

...Text alte Zeile<br>Text neue Zeile...

• Einen horizontalen Trennstrich erzeugt man mit

...Text oberhalb<hr>Text unterhalb...

Die <br>- und <hr>-Tags stehen alleine, es gibt dazu kein schließendes </..>-Tag.

Textausrichtung

Texte können links, rechts, zentriert oder im Blocksatz ausgrichtet werden:

• Ausrichtung links ist Standard, man erzeugt die Ausrichtung mit:

<div align="Ausrichtung">...Text...</div>

wobei für "Ausrichtung" "left", "right", "center" und "justify" für Blocksatz eingesetzt werden. Für Absätze kann das "align" auch im <p>-Tag stehen:

<p align="Ausrichtung">...Text...</p>

Aufzählungen

Es gibt drei Arten von Aufzählungen: die ungeordneten Listen (<ul>), geordneten Listen (<ol>) und die Definitionslisten (<dl>).

Ungeordnete Listen haben ein gemeinsames Listenzeichen:

<ul>
<li>Listeneintrag</li>
<li>Listeneintrag</li>
</ul>

ergibt

• Listeneintrag
• Listeneintrag

Geordnete Listen sind nummeriert:

<ol>
<li>Listeneintrag</li>
<li>Listeneintrag</li>
</ol>

ergibt

1. Listeneintrag
2. Listeneintrag

Definitionslisten haben einen Definitionswert (<dt>) und eine Definition (<dd>):

<dl>
<dt>Maus</dt>
<dd>Graues Nagetier.</dd>
<dt>Katze</dt>
<dd>Fängt die Maus.</dd>
</dl>

ergibt:

Maus

Graues Nagetier.

Katze

Fängt die Maus.

Tabellen

Kommt später...

Weblinks

• http://de.selfhtml.org - Die Referenz für alles, was mit HTML zu tun hat.
• Wikipedia: html
• Für Firefox-Benutzer gibt es hier die Erweiterung BBCode, die super einfach den richtigen Code direkt im Eingabefeld der online-Formulare erzeugt. Sehr zu empfehlen! Man kann BBCode auch nutzen, um sich Wikitext generieren zu lassen.