[an error occurred while processing this directive]

Schnelle Seiten gefällig?

Befreien Sie Ihre Webseiten mit wenigen Mausklicks von unnötigem Balast

Hier klicken und mehr erfahren

Programme von Machern für Macher

Die Grammiweb-Produktreihe hält viele praktische Tools für Webdesigner bereit

Hier klicken und mehr erfahren

[an error occurred while processing this directive]

(Stand: 22.12.24, Adresse: http://www.grammiweb.de/anleitungen/kurstext.shtml)

 

HTML-Kurs: Text

Sie können einen Text mittels des Tags (Befehls) "p" (wie "print") auf den Bildschirm bringen.

<p>...Text...</p>

Da ein Text im Normalfall nicht nur aus einer Zeile besteht, müssen Sie irgendwann auch noch einen Zeilensprung einfügen. Hierbei haben Sie die Möglichkeit, entweder einen neuen Absatz zu beginnen oder einfach in die nächste Zeile zu springen.

  • Neuer Absatz
    <p>...Text...</p>
    <p>...Text...</p>
  • Neue Zeile
    <p>...Text...<br>...Text...</p>

Wie Sie im Beispiel sehen können, müssen Sie, damit Sie einen fließenden Text von zwei Zeilen auf den Bildschirm bringen können, irgendwann einmal den Befehl (Tag) <br>, also ´break´ einbringen, wenn Sie hingegen einfach nur zwei Zeilen untereinander schreiben, werden daraus zwei Absätze.

 

Textattribute

Sie können einen Text auf HTML-Seiten auch Fett, Kursiv, Unterstrichen, Links- oder Rechtsbündig und Zentriert formatieren.

  • Fett
    <p><strong>...Text...</strong></p>
  • Kursiv
    <p><em>...Text...</em></p>
  • Unterstrichen
    <p><u>...Text...</u></p>
  • Linksbündig
    <p align="left">...Text...</p>
  • Rechtsbündig
    <p align="right">...Text...</p>
  • Zentriert
    <p align="center">...Text...</p>

Natürlich können diese Attribute beliebig kombiniert werden:

  • Fett, Zentriert und Kursiv
    <p align="center"><em><strong>...Text...</strong></em></p>

 

Textgröße

Natürlich können Sie Ihrem Text auch verschiedene Größen geben. Diese gehen von der Normalgröße der Buchstaben aus.

  • Verkleinern
    <p><small>...Text...</small></p>
  • Noch kleiner
    <p><small><small>...Text...</small></small></p>
  • Vergrößern
    <p><big>...Text...</big></p>
  • Noch größer
    <p><big><big>...Text...</big></big></p>

 

Textfarben

Den Text können Sie durch Verwenden des Tags "<font color="#......"> einfärben.

  • Einfärben in Schwarz
    <p><font color="#000000">...Text...</font></p>

Die Farben sind bei diesem Befehl leider nicht mit ihren normalen Namen bezeichnet, sondern in einem Hexadezimalcode. Eine erweiterte Übersicht erhalten Sie im Menüpunkt "Farbtabelle". Die Codes für die wichtigsten Farben sind:

#FF0000 Rot
#FFFF00 Gelb
#00FF00 Grün
#0000FF Blau
#000000 Dunkelblau
#000000 Schwarz
#000000 Weiß
#C0C0C0 Hellgrau
#808080 Dunkelgrau
#FF8000 Orange
#008080 Blaugrün
#00FFFF Himmelblau

 

Schriftarten

Schriftarten können Sie mit dem Tag "<font face="...">" verwenden. Bedenken Sie dabei bitte, dass nicht jedes System die gleichen Schriftarten installiert hat. Die beiden gebräuchlichsten sind deshalb ´Arial´ und ´Times New Roman´.

  • Ausgabe eines Textes in Arial
    <p><font face="Arial">...Text...</font></p>
  • Ausgabe eines Textes in Times New Roman
    <p><font face="Times New Roman">...Text...</font></p>


Zurück Zurück zum Inhaltsverzeichnis Weiter

[an error occurred while processing this directive] [an error occurred while processing this directive]

© Grammiweb.de Internetlösungen. Alle Rechte vorbehalten. Stand: 22.12.2024
Seitenanfang - Sponsor werden - Datenschutz - Medien - Impressum - Werbung - Hilfe - Kontakt