Textstrukturierung

Einfache Formatierungen

Überschriften kann auf verschiedenen Stufen mit <h1>, <h2>, ... , <h6> erstellen, um eine logische Gliederung zu erstellen. Also z.B.

<h1>1 HTML Lehrgang</h1>

<h2>1.1 Einführung</h2>

<h2>1.2 Formatierung</h2>

<h3>1.2.1 Fettdruck</h3>

<h3>1.2.2 Kursivdruck</h3>

<h3>1.2.3 Durchgestrichen</h3>

Fettdruck erreicht man mit Hilfe von <b></b>Fettdruck

Kurisvschrift wird mit <i> Kursivschrift </i> oder mit <em></em> erzwungen.

Größere Buchstaben werden durch das Tag <big></big>H gekennzeichnet,
kleinere Buchstaben liefert <small> kleinere Buchstaben</small>.
Die Befehle big und small werden bei mir nicht ausgeführt.

Man kann auch Buchstaben hochstellen (<sup>hoch</sup>) oder tieferstellen (<sub>tief</sub>)
und damit sogar kleine Formeln wie H2O und H2O4 schreiben.

Um Zeilenbrüche in HTML zu erzielen, gibt es zwei Möglichkeiten. Zum einen führt der HTML-Code <br> zu einem Zeilenumbruch, alternativ kann man auch ganze Absätze mit Hilfe der Tags <p>...</p> voneinander trennen.

Dazu zwei Beispiele, die den Unterschied verdeutlichen:

  HTML Code Darstellung
Formatierung mit Zeilenumbrüchen (<br>)

Die Insel der blauen Delphine<br>
Die wichtigsten Personen: Wonapalei ( kurz Won ) , ihre Schwester Ulape , ihr Bruder Ramo , ihr Vater H&auml;uptling Chowig , Kapit&auml;n Orloff und das Aleuterm&auml;dchen Tutok<br>
Das Buch handelt von dem Indianerm&auml;dchen Wonapalei , dass mit ihrem Stamm auf einer Insel vor Los Angeles lebt.

Die Insel der blauen Delphine
Die wichtigsten Personen: Wonapalei ( kurz Won ) , ihre Schwester Ulape , ihr Bruder Ramo , ihr Vater Häuptling Chowig , Kapitän Orloff und das Aleutermädchen Tutok
Das Buch handelt von dem Indianermädchen Wonapalei , dass mit ihrem Stamm auf einer Insel vor Los Angeles lebt.
Formatierung mit Absätzen (<p>) <p>Die Insel der blauen Delphine</p>
<p>Die wichtigsten Personen: Wonapalei ( kurz Won ) , ihre Schwester Ulape , ihr Bruder Ramo , ihr Vater H&auml;uptling Chowig , Kapit&auml;n Orloff und das Aleuterm&auml;dchen Tutok</p>
<p>Das Buch handelt von dem Indianerm&auml;dchen Wonapalei , dass mit ihrem Stamm auf einer Insel vor Los Angeles lebt.</p>

Die Insel der blauen Delphine

Die wichtigsten Personen: Wonapalei ( kurz Won ) , ihre Schwester Ulape , ihr Bruder Ramo , ihr Vater Häuptling Chowig , Kapitän Orloff und das Aleutermädchen Tutok

Das Buch handelt von dem Indianermädchen Wonapalei , dass mit ihrem Stamm auf einer Insel vor Los Angeles lebt.

Elemente zur Textstrukturierung
(Qelle: SELHTML-Navigationshilfen =http://de.selfhtml.org/navigation/html.htm).
Dort kann man Beispiele aufrufen und sich ausführlicher informieren.

Überschriften

<h[1-6]>Text</h[1-6]>
Sechs Überschriftenebenen sind erlaubt, also z.B. <h1>Text</h1>.

 

Überschriften
ausrichten

<h[1-6] align="Ausrichtung">Text</h[1-6]>
Für Ausrichtung einen der folgenden Werte notieren:
left = linksbündig,
center = zentriert,
right = rechtsbündig,
justify = Blocksatz.

 

Textabsätze

<p>Text</p>

 

Textabsätze
ausrichten

<p align="Ausrichtung">Text</p>
Für Ausrichtung einen der folgenden Werte notieren:
left = linksbündig,
center = zentriert,
right = rechtsbündig,
justify = Blocksatz.

 

Zeilenumbruch
erzwingen

 
Text alte Zeile<br>Text neue Zeile
 

Aufzählungslisten

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

 

Bullet-Typ für
Aufzählungslisten

<ul type="Typ">
<li>Listeneintrag</li>
<li>Listeneintrag</li>
</ul>
Für Typ einen der folgenden Werte notieren:
circle = Kreis/Punkt,
disc = Scheibe/Dateisymbol,
square = Quadrat.

 

Nummerierte Listen

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

 

Nummerierte Listen
alphabetisch
oder römisch

<ol type="Typ">
<li>Listeneintrag</li>
<li>Listeneintrag</li>
</ol>
Für Typ einen der folgenden Werte notieren:
a = für klein alphabetisch,
A = für groß alphabetisch,
i = für klein römisch,
I = für groß römisch.

 

Nummerierung
beeinflussen

<ol start="Startwert">
<li>Listeneintrag</li>
<li value="Fortsetzungswert">Listeneintrag</li>
</ol>
Für Startwert die Zahl mit dem gewünschten Startwert notieren,
für Fortsetzungswert die Zahl mit dem gewünschten Fortsetzungswert innerhalb der Liste.

Definitionslisten
(Glossarlisten)

<dl>
<dt>Zu definierender Ausdruck</dt>
<dd>Definition des Ausdrucks</dd>
</dl>

 

Verzeichnislisten

<dir>
<li>Listeneintrag</li>
<li>Listeneintrag</li>
</dir>

 

Listendarstellung
kompakt

<ul compact> <!-- Listeninhalt --> </ul>
Ebenso bei ol, menu und dir möglich.

Zitate

<blockquote>Text</blockquote>
 

Zitate mit
URI-Quellenangabe

<blockquote cite="URL">Text</blockquote>
Für URI eine Web-Adresse oder ein Ziel mit der Quelle angeben.

 

Adressen

<address>Text</address>

 

Präformatierter
Text

<pre>Text</pre>

 

Breite eines
präformatierten
Textes

<pre width="Breite">Text</pre>
Für Breite die gewünschte Zahl der Zeichen pro Zeile angeben.

 

Logische
Textauszeichnung
(inline)

<em>betont</em>
<strong>stark betont</strong>
<code>Quellcode</code>
<samp>Beispiel</samp>
<kbd>Tastatureingabe</kbd>
<var>Variable</var>
<cite>Zitat</cite>
<dfn>Definition</dfn>
<acronym>Abkürzung</acronym>
<abbr>abgekürzte Schreibweise</abbr>

 

Änderungs-
markierungen

<ins>eingefügter Text</ins>
<del>gelöschter Text</del>

 

Änderungs-
markierungen
mit Zeitstempel

<ins datetime="yyyy-MM-ddThh:mm:ss+hh:mm">eingefügter Text</ins>
<del datetime="yyyy-MM-ddThh:mm:ss+hh:mm">gelöschter Text</del>
yyyy = Jahr, MM = Monat, dd = Tag, T = fixer Buchstabe, hh = Stunden, mm = Minuten, ss = Sekunden, +/- = Abweichung gegenüber Greenwich in Stunden und Minuten.

Textrichtung

<bdo dir="Richtung">
Für Richtung einen der folgenden Werte notieren:
rtl = für rechts nach links,
ltr = für links nach rechts.

 

Physische
Textauszeichnung
(inline)

<b>fett</b>
<i>kursiv</i>
<tt>dicktengleich (Teletyper)</tt>
<u>unterstrichen</u>
<strike>durchgestrichen</strike>
<s>durchgestrichen</s>
<big>größer als normal</big>
<small>kleiner als normal</small>
<sup>hochgestellt</sup>
<sub>tiefgestellt</sub>
b=fett; i=kursiv; u=unterstrichen; strike=durchgestrichen;s=durchgestrichen
sup= hochgestellt  ;sub=tief gestellt

Allgemeines
Block-Element

<div>verschiedene HTML-Elemente</div>
z.B. für CSS-Formatierungen.

 

Allgemeines
Block-Element
mit Ausrichtung

<div align="Ausrichtung">verschiedene HTML-Elemente</div>
Für Ausrichtung einen der folgenden Werte notieren:
left = linksbündig,
center = zentriert,
right = rechtsbündig,
justify = Blocksatz.

Allgemeines
Block-Element
zentriert

<center>verschiedene HTML-Elemente</center>

 

Allgemeines
Inline-Element

<span>Text</span>
z.B. für für CSS-Formatierungen.

 

Trennlinien

Text davor
<hr>
Text danach

 

Tennlinien-
Eigenschaften

<hr width="Breite" size="Höhe" align="Ausrichtung">
Für Breite eine Zahl wie z.B. 300 für Anzahl Pixel oder einen Prozentwert wie z.B. 50% angeben.
Für Höhe eine Zahl wie z.B. 5 für Anzahl Pixel angeben.
Für Ausrichtung einen der folgenden Werte notieren:
left = linksbündig,
center = zentriert,
right = rechtsbündig.

 

Schriftformatierung

<font size="Größe">Text</font>
<font color="#XXXXXX">Text</font>
<font face="Schriftart">Text</font>
<basefont size="Größe">
nachfolgender Inhalt
<basefont color="#XXXXXX">
nachfolgender Inhalt
<basefont face="Schriftart">
nachfolgender Inhalt
font für Inline-Auszeichnung verwenden,
basefont als Auszeichnung für alle nachfolgenden Inhalte.
size = Schriftgröße,
color = Schriftfarbe,
face = Schriftart.
Für Größe einen Wert von 1 (sehr klein) bis 7 (sehr groß) notieren - 3 ist normal.
Oder einen relativen Wert wie z.B. +1, +2 usw. für größer, oder -1, -2 usw. für kleiner.
Für #XXXXXX eine hexadezimal notierte RGB-Farbe angeben oder einen erlaubten Farbnamen.
Für Schriftart den Namen einer oder mehrerer (alternativer) Schriftarten angeben, mehrere Schriftarten durch Kommata trennen.

 

Quelle: http://de.selfhtml.org/ Stefan Münz