HTML Basics Tutorial

1.3. Textformatierungen


Bei unserem ersten Projekt, webseite1.html hatten wir ja nur einen sehr schlichten Text ohne jeglichen "Pepp". Nun bietet HTML jedoch mehrere einfache Möglichkeiten den Text zu verschönern. Dies sind die einfachsten:

Code
<b>FETT schreiben</b>
<i>KURSIV schreiben</i>
<u>UNTERSTRICHEN schreiben</u>
<br> Erzeugt einen Zeilenumbruch

Man kann, glaube ich, ganz gut sehen wie jeder dieser Befehle funktioniert. Zwischen dem Befehl wie z.B. bei Fett-Schreiben <b> und </b> steht der Text. Wichtig hierbei ist, wie auch bei dem html- und body-Befehl, daß man immer einen Anfang und ein Ende setzt, wobei der Ende-Befehl immer der mit dem Schrägstrich ist!

Ein sehr wichtiger Befehl ist auch der Zeilenumbruch <br>. Er stellt praktisch die RETURN-Taste dar. Das heißt, daß der folgende Text in der nächsten Zeile steht. Im Gegensatz zu den meisten Befehlen benötigt der Zeilenumbruch-Befehl keinen Anfang UND Endbefehl. Setze ihn einfach nach dem Punkt eines Satzes und der nächste Satz wird in einer neuen Zeile anfangen. Baust du mehrere <br> hintereinander ein, so kannst du Leerzeilen erstellen.

Sehr interessant und praktisch ist auch die Kombination dieser Befehle. So bewirkt folgender Befehl einen FETTEN und UNTERSTRICHENEN Text:

Code
<b> <u>TEXT</u> </b>

Lasse dich dabei aber nicht von all den eckigen Klammern durcheinanderbringen! Immer daran denken, einen Anfang und ein Ende zu setzten. Setzt ihr kein Ende, wird der Befehl (Kursiv schreiben als Beispiel) zwar ausgeführt, doch dieser wirkt dann auf die gesamte folgende Webseite (also alles was dahinter steht).

Mehr zu Textformatierungen erfährst du später. In den folgenden Tutorials wirst du noch erfahren, wie man Texte bunt macht, andere Schriftarten verwendet oder Texte vergrößert!

Häufig gestellte Fragen
Nach meinem Unterstreichen-Befehl <u>Ich kann es!<u> wird auch der Rest der Seite unterstrichen. Warum?
Du hast vergessen den Unterstreich-Befehl zu beenden ! Bzw. hast du den Schrägstrich vergessen. Statt dessen hast du einen zweiten Unterstreich-Befehl aktiviert, der in diesem Fall jedoch nutzlos ist. So lautet dein Befehl richtig: <u> Ich kann es! </u> !

Du weißt nun, wie man einige wichtige Textformatierungen vollzieht. Doch wie kann man zentrieren oder Absätze optisch anordnen? Darum geht es im nächsten Abschnitt...

Weiterlesen...

©2001-2011 PlanetHTML und Robert R. Agular --- Impressum