HTML-Hintergründe

Advertisements

Previous Page
Next Page  

Standardmäßig, Ihre Webseite Hintergrund ist in der Farbe weiß . Sie vielleicht nicht gerne es, aber keine Sorgen. HTML bietet Ihnen folgende zwei gute Möglichkeiten, um Ihre Webseite schmücken Hintergrund.

  • Html Hintergrund mit Farben
  • Html Hintergrund mit Bildern

Nun wollen wir sehen sowohl die Ansätze einer nach dem anderen mit entsprechenden Beispielen.

Html Hintergrund mit Farben

Das bgcolor -Attribut wird verwendet, um den Hintergrund eines HTML-Elements,speziell Seite Körper und Tischhintergründe zu steuern. Im Anschluss ist die Syntax, um bgcolor-Attribut mit jedem HTML-Tag verwenden.

<tagname bgcolor="color_value"...>

Diese Farbe_wert kann in jeder Form gegeben werden.

<!-- Format 1 - Use color name -->
<table bgcolor="lime" >
<!-- Format 2 - Use hex value -->
<table bgcolor="#f1f1f1" >
<!-- Format 3 - Use color value in RGB terms -->
<table bgcolor="rgb(0,0,120)" >

Beispiel

Hier sind die Beispiele die Hintergrund eines HTML-Tag zu gesetzt

<!DOCTYPE html>
<html>
<head>
<title>HTML Background Colors</title>
</head>
<body>
<!-- Format 1 - Use color name -->
<table bgcolor="yellow" width="100%">
<tr><td>
Dieser Hintergrund ist gelb
</td></tr>
</table>
<!-- Format 2 - Use hex value -->
<table bgcolor="#6666FF" width="100%">
<tr><td>
Dieser Hintergrund ist Himmelblau
</td></tr>
</table>
<!-- Format 3 - Use color value in RGB terms -->
<table bgcolor="rgb(255,0,255)"  width="100%">
<tr><td>
Dieser Hintergrund ist grün
</td></tr>
</table>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

Dieser Hintergrund ist gelb
Dieser Hintergrund ist Himmelblau
Dieser Hintergrund ist grün

Html Hintergrund mit Bildern

DasHintergrund -Attribut kann auch verwendet zu steuern um den Hintergrund einer HTML elmement, speziell seite Körper und Tischhintergründe. Sie können ein Bild angeben, Hintergrund Ihrer HTML-Seite oder Tabelle. Im Anschluss ist die Syntax, um Hintergrund-Attribut mit jedem HTML-Tag verwenden.

Hinweis:Das Hintergrund-Attribut ist veraltet und es wird empfohlen, Style Sheet für die Hintergrundeinstellung verwenden.
<tagname background="Image URL"...>

Die am häufigsten verwendeten Bildformate sind JPEG, GIF und PNG-Bilder.

Beispiel

Hier sind die Beispiele, Hintergrundbilder einer Tabelle.

<!DOCTYPE html>
<html>
<head>
<title>HTML Background Images</title>
</head>
<body>
<!-- Set table background -->
<table background="/images/html.gif" width="100%" height="100">
<tr><td>
Dieser Hintergrund wird mit HTML Bild gefüllt.
</td></tr>
</table>
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

Dieser Hintergrund wird mit HTML Bild gefüllt.

gemustert & Transparente Hintergründe

Sie können viele Muster oder transparente Hintergründe auf verschiedenen Websites gesehen haben. Dies kann einfach durch Verwendung von gemusterten Bildes oder transparenten Bildes in die Hintergründe erreicht werden.

Es wird vorgeschlagen, dass bei der Erstellung Muster oder transparente GIF-oder PNG-Bilder, verwenden Sie die kleinsten Abmessungen möglich, auch so klein wie 1x1 zu langsames Laden zu vermeiden.

Beispiel

Hier sind die Beispiele, zu set Hintergrundmuster einer Tabelle :

<!DOCTYPE html>
<html>
<head>
<title>HTML Background Images</title>
</head>
<body>

<!-- Set a table background using pattrern -->
<table background="/images/pattern1.gif" width="100%" height="100">
<tr><td>
Dieser Hintergrund ist gefüllten mit einem Musterbild.
</td></tr>
</table>

<!-- Another example on table background using pattrern -->
<table background="/images/pattern2.gif" width="100%" height="100">
<tr><td>
Dieser Hintergrund ist gefüllten mit einem Musterbild.
</td></tr>
</table>
 
</body>
</html>

Dies wird folgendes Ergebnis produzieren:

Dieser Hintergrund ist gefüllten mit einem Musterbild.
Dieser Hintergrund ist gefüllten mit einem Musterbild.
Advertisements