Farben für Hintergrund + Text

HTML-Code für Hintergrundfarbe, Textfarbe und Links

  • Erstelle eine HTML-Datei mit folgendem Quellcode:

<html>
<head><title>Die vierte Lektion</title></head>

<body bgcolor="#FF6600" text="#FFFFFF" link="#0000CC" vlink="#666666" alink="#3366FF">
<h3><font color="#FFFF00">Die ultimativen Suchmaschinen</font></h3>
<p><a href="http://meta.rrzn.uni-hannover.de">MetaGer</a>

Hohe Trefferquote f&uuml;r alle deutschen Suchfragen</p>
<p><a href="http://www.profusion.com">ProFusion</a>

Schnelle interationale Suchmaschine</p>
<p><a href="http://www.metacrawler.com">MetaCrawler</a>

Mit zahlreichen Zusatzfunktionen</p>
</body>
</html>~

  • Benenne die Datei *lektion41.htm*
  • Öffne die Datei *lektion41.htm* im Browser. So ungefähr sollte es aussehen:

Im BODY-Tag hast du also mehrere Attribute, die Farben für die gesamte Datei festlegen können.

  • bgcolor="#FF6600"~
    Dieses Attribut kennst du bereits. Damit legst du die Hintergrundfarbe (background color = Hintergrundfarbe) fest.
  • text="#FFFFFF"~
    Ist klar, oder? Bestimmt die Textfarbe für die gesamte Seite. In diesem Fall also Weiß. Wenn Du aber innerhalb deiner Seite doch noch einen Text in einer anderen Farbe haben möchtest, benutze den Befehl <font color="..."> wie bei der Headline auf dieser Seite.
  • link="#0000CC"~
    Hiermit kannst Du die Farbe für noch nicht besuchte Links bestimmen.
  • vlink="#666666"~
    Dieses Attribut (visited link = besuchter Verweis) wird erst angewendet, wenn der Link bereits besucht wurde. In diesem Fall werden die Verweise dann grau.
  • alink="#3366FF"~
    Während du auf einen der Links klickst, verändert sich die Farbe kurz Rot (activated link = aktivierter Verweis).