SteviesWebsite
SteviesWebsite > Workshops > HTML-Workshop > Der Body

Der Body

zurück

Der Body ist der sichtbare Teil deiner Homepage, da kommt all das rein was wichtig ist. Body ist English und heißt Bauch und wenn du etwas isst kommt das ja auch in den Bauch, deshalb muss da auch das "Futter für deine Site herein". Also der Text, Bilder,...

Im Body stehen noch oft wichtige Sachen wie den Hintergrund oder die Farbe der Hyperlinks. Den Hintergrund kannst du färben oder einfach als Hintergrund ein Bild einsetzen. Wenn du den Hintergrund färben willst brauchst du wieder die Farbcodes oder die englischen Farben die du noch kennen lernen wirst. Im body setzt man zusätzlich bgcolor="Farbcode bzw. Farbe" ein. Ich zeige es euch mal an einem Beispiel:

<html>
<head>
<title>Beispiel</title>
</head>
<body bgcolor="#FFFF00">
Du siehst, es gibt einen t&uuml;rkisen Hintergrund
</body>
</html>

Zum Ergebnis


Wenn du ein Bild als Hintergrund verwenden willst musst du das gleich mit background="Dein Bild.jpg" machen also noch mal ein Beispiel (mit einen meiner Templatebackgrounde):

<html>
<head>
<title>Mit Background</title>
</head>
<body background="tem 156.jpg">
</body>
</html>

Zum Ergebnis


Wenn du dein Hyperlink zum Beispiel schwarz färben willst brauchst du folgenen code:

<html>
<head>
<title>Ergebniss</title>
</head>
<body link="#000000" vlink="#FF0000" alink="#FFFF00">
<a href=http://www.stevieswebsite.de">ZU SteviesWebsite</a>
</body>
</html>

Zum Ergebnis


Eine ganz normal geschriebene HTML Seite hat automatisch Ränder, das sieht man, wenn man zum Beispiel ein Bild einbindet. Man kann diese Ränder verändern und auch ganz löschen. Man muss einfach nur die Zahlen im folgenden Text verändern. Wenn du keine Ränder willst musst du überall eine 0 hinschreiben. Und hier ein Beispiel ohne Ränder:

<html>
<head>
<title>Ergebnis</title>
</head>
<body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">
Test
</body>
</html>

Zum Ergebnis


Kommentare

Es wurden noch keine Kommentare abgegeben!

Kommentar abgeben

Um ein Kommentar zu schreiben musst du eingeloggt sein.

Blog Tutorials... helfen dir deinen Blog zu verbessern. Nebenbei gibt es noch nützliche Blog-Tools. [mehr...]

Facebook LogoOptimiere deine MySQL-Datenbank ohne Änderungen am Server. Du bekommst schnellere Abfragen und sparst Speicher.[mehr...]

© SteviesWebsite.de - Impressum