HTML leicht gelernt - 3. Titel und Farbe

Jetzt wird's schon komplizierter.

Hier kannst du lernen, wie man den Titel festlegt und wie man die Hintergrundfarbe deiner zukünftigen Homepage festlegen kann.

3.1 Die Hintergrundfarbe

Sicher möchtest du deiner HP auch eine besondere Hintergeundfarbe geben, nicht nur dieses langweilige weiß. Und das geht so:

Nachdem du dieses Einleitungswort <body> geschrieben hast, musst du nun mit einem bestimmten Code die Farbe festlegen. Und dieser Code ist so:

Das "#00FF00" ist der Farbcode, hier in diesem Fall ein grellgrün. Aber es gibt natürlich noch anderen, ein paar davon zähle ich jetzt hier auf.

#000000 Schwarz

#FFFF33 Gelb, hell

#FFFFFF weiß

#00FFFF Türkis

#CCFF66 Violett/Lila

#CC9933 Hellbraun

#FF66FF Pink

#FF0000 Knallrot

#FF3366 Lachsfarben

#330099 Dunkelblau

#0066FF Mittelhelles Blau

#0099FF Hellblau

So, ich denke, das waren die wichtigsten Farben.

3.2 Der Homepage-Titel

Jetzt wirds schwierig.

Hier gibt es nämlich jetzt zwei verschiedene Arten von Titeln:

1.Variante Der Titel, der auf der Leiste oben angezeigt wird (Da, wo auch das Kreuz zum Schließen des Browsers ist)

2.Variante Der Titel in der Homepage, wie z.B. hier "HTML leicht gelernt".

1.Variante

Hierzu ist ein komplizierter Code nötig. Hier erkläre ich ihn dir:

<head>
  <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
  <meta name="generator" content="Adobe GoLive 6">
  <title>Dein Titel!</title>
</head>

Das "Dein Titel" ersetzt du natürlich durch einen Titel deiner Wahl.

2.Variante

Diese Art Titel könnt ihr einfach so normal schreiben, vielleicht die Schriftgröße vergrößern. Einen speziellen Code dafür gibt es nicht.

Jetzt du!!!

1. Öffne, wie vorher schon, den Editor.

2.Schreibe das Rohmuster, wie du es schon kennst. (<body>,</body> usw.).

3.Füge die neuen Sachen hinzu.

Muster:

<head>
  <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
  <meta name="generator" content="Adobe GoLive 6">
  <title>Dein Titel!</title>
</head>

Aber nicht die ganzen anderen Sachen vergessen!

4. Speichere das Dokument als ".html"

5. Schließe es.

6. Doppelklicke auf die Datei.

7. Gefällt es dir???