info@a-coding-project.de

WML: Textgestaltung

Da die Anzeige von Handys und PDAs meist nur geringe grafische Tiefe aufweist, ist die Gestaltung von Text ebenso gering gehalten und weist nur die nötigsten Elemente auf.

Absätze

Grundsätzlich sollte jeglicher Text in einen Absatz gefasst werden. Dieser wird mittels des p-Elements definiert. Nach einem Absatz folgt automatisch auch vom Browser die Darstellung eines Absatzes (Leerzeile). Beispiel:

...
<card>
 <p>Ich bin ein Absatz</p>
 <p>Ich bin der zweite Absatz.</p>
</card>
...

Textausrichtung

Die Ausrichtung des Textes kann mittels des align-Attributes des p-Elements bestimmt werden. Als Werte können dazu left (Ausrichtung links), right (Ausrichtung rechts) oder center (Ausrichtung mittig) notiert werden. Beispiel:

<p>Ich bin ein Absatz.</p>
<p align="left">Ich bin der zweite Absatz.</p>
<p align="center">Ich bin der dritte Absatz.</p>
<p align="right">Ich bin der vierte Absatz.</p>

Zeilenumbruch

Ein Zeilenumbruch wird mittels des br-Elements eingefügt. Bei diesem handelt es sich um ein leeres Element, in das kein Text oder anderer Inhalt gefasst ist und daher nur aus einem <br /> besteht. Beispiel:

<p>Ich bin Zeile 1<br />Ich bin Zeile 2</p>

Textgröße

Die Größe des Textes kann mittels der big- und small-Elemente geregelt werden. Das big-Element vergrößert den Text - small verkleinert ihn. Beispiel:

<p>ich bin <small>klein</small> und ich bin <big>groß</big></p>

Texthervorhebung

Soll Text hervorgehoben werden, können dazu die beiden Elemente em und strong verwendet werden. Mit em wird der Text hervorgehoben - mit strong stark hervorgehoben. Wie und ob der Browser die Differenzierung zwischen Hervorhebung und starker Hervorhebung darstellt, bleibt ihm überlassen. Beispiel:

<p>Manches ist <em>wichtig</em>, 
   anderes ist <strong>ganz wichtig</strong>.</p>

Fett, Kursiv, Unterstrichen

Ebenso wie die Textgröße eingestellt werden kann, kann Text auch unterstrichen (u-Element), kursiv gesetzt (i-Element) oder fett gesetzt (b-Element) werden. Beispiel:

<b>fett</b>
<u>unterstrichen</u>
<i>kursiv</i>

Weiterlesen: ⯈ Links und Anker

Über uns

Stefan Wienströer

Wir entwickeln Webanwendungen mit viel Leidenschaft. Unser Wissen geben wir dabei gerne weiter. Mehr über a coding project

Auch interessant