Html Lernen (Schrift)


Als zweiten Teil des Html-Crashkurs werden Schriftarten und Schriftgrößen behandelt. Bei fragen steht ihnen das Forum Viel Spaß


2.0 Schriftgröße mit <H#>


Mit den Attributen von lässt sich die Schriftgröße am einfachsten verändern.

<Html>

<Head>
<Title>Schriftgröße</Title>
</Head>
<Body>

<H1> Größte Schrift </H1>
<H2> Große Schrift </H2>
<H3> Mittlere Schrift </H3>
<H4> kleine Schrift </H4>
<H5> ganz kleine Schrift </H5>
<H6> Kleinste Schrift </H6>


</Body>

</Html>



2.1 Schriftgröße mit <font size="#">


Die Attribute <H#> werden oft für Überschriften benutz (wie im nächsten Thema "Überschriften" erleutert). Für sonstige Schriftgrößen änderungen wird <font size="#"> benutzt. Der Bereich geht diesmal nicht von 1-6 (wie oben <H1> bis <H6>) sondern von 1-7 also,

<Html>

<Head>
<Title>Schriftgröße</Title>
</Head>
<Body>

<font size="7"> Größte Schrift </font>
<font size="6"> Große Schrift </font>
....

<font size="1"> Kleinste Schrift </font>


</Body>

</Html>


Aufpassen: Bei <H#> ist 1 die größte Schrift bei <font size="#"> ist 7 die größte Schrift.



2.2 Zeilenumbruch


Wenn Sie möchten das Text wie mit der Taste "Enter" eine Zeile nach unten rutscht müssen sie hinter ihrem Text <br> schreiben.

<Html>

<Head>
<Title>Zeilenumbruch</Title>
</Head>
<Body>

Erste Zeile<br>
Nächste Zeile direkt darunter<br><br>
Schrift mit einer Zeile abstand<br><br><br>
Schrift mit zwei Zeilen abstand usw.


</Body>

</Html>



2.3 Schriftart mit <font face="#">


Im nächsten Beispiel sehen sie wie sie bei einem Text, mit dem Befehl <font face="#">, die Schriftart ändern können.

<Html>

<Head>
<Title>Schriftart</Title>
</Head>
<Body>

<font face="Avalon,Wide Latin"> Das ist Text in Schriftart Avalon, oder, falls Avalon nicht darstellbar, in Wide Latin </font>


</Body>

</Html>


2.4 Schriftart und Schriftgröße zusammenfassen


Natürlich lassen sich Schriftart und Schriftgröße zusammenfassen um sich viel Schreibarbeit zu sparen.

<Html>

<Head>
<Title>Schriftart und Schriftgröße</Title>
</Head>

<Body>

<font face="Arial" size="5"> Das ist Text in Schriftart Arial und in Schriftgröße 5 </font>


</Body>

</Html>