weiter: img/pfeil_re.gif img/doku.gif   Bilder
zurück: img/pfeil_li.gif img/doku.gif   Allgemeines zu HTML
img/pfeil_do.gif Beispiel
img/pfeil_do.gif

Textgestaltung

Sprachelemente zur Gestaltung des Texts

Um einem Text zusätzliche Eigenschaften, wie Schriftgrösse, Schrifttyp, Farbe etc. zuzuordnen, gibt es einige Gestaltungs-Tags mit Parameteren. Ein wichtiges Beispiel dafür ist heute noch das <font>-TAG, zum Beispiel zur Angabe der Schriftfarbe :
<font color=blue> Schriftfarbe Blau </font>

Weitere Parameter des <font>-TAGs sind:
size=7  -  Grösse 7 Punkt, - sehr gross
size=4  -  Grösse 4 Punkt, - etwas grösser als normal
size=2  -  Grösse 2 Punkt, - etwas kleiner als normal
size=1  -  Grösse 1 Punkt, - sehr klein
sowie Zwischen- und Übergrössen und relative Angaben wie :
size=+2  -  2 Punkte grösser als bisher, - normal plus 2 Punkte
size=-2  -  2 Punkte kleiner als bisher, - normal minus 2 Punkte

face=Schrifttype, z.B.:
<font face=arial> Schriftart ARIAL </font>
oder
<font face=roman> Schriftart ROMAN </font>

Ausser dem <font>-Tag gibt es weitere, die das Erscheinungsbild des Textes beeinflusssen :

Fette Schrift (Bold) : <b> Schrift ist FETT </b>

Unterstrichen : <u> Schrift ist unterstrichen </u>

Tiefgestellte Schrift : <sub> Schrift ist tiefgestellt </sub>

Hochgestellte Schrift : <sup> Schrift ist hochgestellt </sup>

Um Text auf der Seite mittig anzuordnen, gibt es noch das folgende Tag :
<center>
diese Zeilen sind mittig angeordnet
<br />

das gilt auch für alle folgende

<br />

Zeilen bis zum Ende Tag
</center>

img/pfeil_up.gif img/pfeil_do.gif

Beispiel mit den Sprachelementen zur Schrift

<html>
  <head>
    <title>Schriftauszeichnung</title>
  </head>
  <body>
    <h1>Beispiele zur Schriftauszeichnung</h1>
Die chemische Formel für Wasser ist H<sub>2</sub>O.
Wenn man Quadratkilometer schreiben will, so sieht das so aus :
km<sup>2</sup>
Grossgeschriebener farbiger Text folgendermassen :
<br />Neue Zeile, von hier ab gibts KEINE neue Zeilen.
<br />
    <font size=6>Grosse Schrift in
        <font color=green>Grün</font>
        Ohne Farbe,
        <font color=yellow>Gelb</FONT>
        <font color=red><i>Rot kursiv</i></font>
    </font>Jetzt wieder normalgross
<br />
<center>
Diese Zeile und die folgende sind mittig angeordnet
<br />
Also auch diese hier.
</center>
  </body>
 </html>


img/xview.gif   So siehts aus img/xtest.gif   Ausprobieren

img/pfeil_up.gif
img/pfeil_up.gif Beispiel
weiter: img/pfeil_re.gif img/doku.gif   Bilder
zurück: img/pfeil_li.gif img/doku.gif   Allgemeines zu HTML