Der Inhalt --- Text, Hintergrund und Farbe
Der eigentliche, auch sichtbare Teil des HTML-Dokument wird innerhalb des "body" eingegeben.

Die "tags" werden jedoch lediglich interpretiert und nicht mit angezeigt.

<html> <head> <title>Der Inhalt</title> </head> <body> Dies ist nun unser Text </body> </html>

Beispiel hier mit der Maus drüber fahren.

Man kann natürlich auch Zeilenumbrüche (mittels "br") und Absätze (mittels "p") erzwingen.
Diese beiden "tags" müssen nicht, wie ansonsten üblich, wieder abgeschlossen werden.

Mit einem erzwungenen Leerzeichen (" ") kann man mehrere Absätze untereinander folgen lassen.
...tja schade...man sieht es ja gar nicht ;o)

<body> Dies ist nun unser Text, der<br> nun wegen des Zeilenumbruchs in der n&auml;chsten Zeile weiter geht.<p> Und nun schreiben wir nach einem kleinen Absatz.<p> <p>&nbsp;</p> so k&ouml;nnen beliebig viele Abs&auml;tze untereinander gemacht werden. </body>

Beispiel hier mit der Maus drüber fahren.

Den geschriebenen Text kann man natürlich beliebig formatieren.

Bereits innerhalb des "body"-tag kann die Textfarbe, sowie die Hintergrundfarbe bestimmt werden.
Farben können mittels der englischen Bezeichnung
(z. B. "red" = rot) oder der hexidezimalen Bezeichnung
(z.B. "#FF0000" = rot) angegeben werden.

<body bgcolor="red" text="#FFFFFF"> Dies ist nun unser Text, wobei mittels "bgcolor" die Hinter- grundfarbe und mittels "text" die Schriftfarbe festgelegt wurde. </body>

Beispiel hier mit der Maus drüber fahren.

Es ist möglich einzelnen Textabschnitten und sogar einzelnen Buchstaben oder Zeichen eigene Formatierungen zuzuweisen.

Vor den gewünschten Textbereich öffnet man dann einen sog. "font"-tag und schliesst ihn hinter dem Textbereich wieder mittels "/font" ab.

<body bgcolor="C0C0C0" text="#FFFFFF"> Dies ist nun unser Text, wobei mittels "bgcolor" die Hinter- grundfarbe und mittels "text" die Schriftfarbe festgelegt wurde. <font face="Arial" size="2" color="#0080FF"> Nun haben wir die Schriftart, sowie die Gr&ouml;sse 2 (1-7), sowie die Farbe des Textabschnittes festgelegt.</font> <font color="#FF8000">Man kann es nat&uuml;rlich auch <font size="7">einzeln</font>und f&uuml;r einzelne W&ouml;rter verwenden.</font> </body>

Beispiel hier mit der Maus drüber fahren.

Bestimmte Wörter oder Abschnitte will man beispielsweise durch Fettschrift, Unterschreichung oder Kursivschrift hervorheben.

Nachfolgend die wohl meist gebrauchten Möglichkeiten:

<body bgcolor="C0C0C0" text="#FFFFFF"> <b>fett</b> <u>unterstrichen</u> <i>kursiv</i> <h1>grosse &Uuml;berschrift</h1> <h6>kleine &Uuml;berschrift</h6> </body>

Beispiel hier mit der Maus drüber fahren.

Es dürfte ziemlich langweilig sein, wenn Text nur linksbündig geschrieben steht. Logisch, dass auch hier entsprechende "tags" existent sind:

<body bgcolor="C0C0C0" text="#FFFFFF"> Hier ist der Text noch links.<p> <center>Diesen Bereich wollen wir in der Mitte<br> zentrieren</center> <p align="right">manche sachen wollen wir<br> nat&uuml;rlich auch schon mal rechts haben.</p> </body>

Beispiel hier mit der Maus drüber fahren.

Grundsätzliches:
  • Manchmal stehen, wie z.B. im letzten gelben Fenster (ja..es soll "natürlich" heissen) solche komischen Zeichen. Hierbei handelt es sich um Sonderzeichen, da PC´s mit nichtdeutschem Zeichensatz gewisse Zeichen wie bsw. "Ü" fehlerhaft darstellen. Im Falle des ü muesste es "&uuml;" heissen.
    Aber dass ist wohl hier noch zu weitführend.

  • Es empfiehlt sich jedes erstellte Werk zumindest in beiden grossen Browsern anzuschauen. Da kommen manchmal erstaunliche Unterschiede zu Tage.

Home

HTML & Co
Einführung
  • leere Seite
  • Text u. Farbe
  • Links
  • Tabellen
  • Frames
  •  
  • Fragen
    Eigenes
    Grafik