So Stellen Sie Den Hintergrund In HTML Ein

Inhaltsverzeichnis:

So Stellen Sie Den Hintergrund In HTML Ein
So Stellen Sie Den Hintergrund In HTML Ein

Video: So Stellen Sie Den Hintergrund In HTML Ein

Video: So Stellen Sie Den Hintergrund In HTML Ein
Video: CSS свойство BACKGROUND. Делаем фон для сайта // Уроки HTML CSS JS. Урок №9 2024, November
Anonim

Die heute am häufigsten verwendete Hypertext-Markup-Sprache ist HTML. Neben einer Vielzahl von Werkzeugen zur Bestimmung der Struktur eines Dokuments bietet es die Möglichkeit, deren visuelle Darstellung zu ändern. Sie können beispielsweise den Hintergrund eines Hypertextdokuments und seiner Elemente auf unterschiedliche Weise festlegen.

So stellen Sie den Hintergrund in HTML ein
So stellen Sie den Hintergrund in HTML ein

Es ist notwendig

die Möglichkeit, ein HTML-Dokument zu bearbeiten

Anleitung

Schritt 1

Um die Hintergrundfarbe des gesamten Dokuments, der Tabellen sowie ihrer Zeilen, Kopfzeilenzellen und Inhaltszellen in HTML festzulegen, verwenden Sie das bgcolor-Attribut der Elemente BODY, TABLE, TR, TH, TD. Dieses Attribut akzeptiert einen Wert, der die Farbe des SRGB-Raums codiert, ausgedrückt als hexadezimale Zahl, der ein Hash oder ein symbolischer Merksatz vorangestellt ist. Beispielsweise:

Schritt 2

Verwenden Sie das background-Attribut des BODY-Elements, um das Bild zu definieren, das den Hintergrund des gesamten Dokuments darstellen soll: Gemäß dem Prinzip der Trennung der Struktur und Mechanismen zur Bestimmung der visuellen Darstellung von Hypertext-Dokumenten wird empfohlen, stattdessen Stylesheets zu verwenden der Attribute von HTML-Elementen (wie in Schritt 1 und 2 beschrieben) …

Schritt 3

Legen Sie die Hintergrundfarbe eines beliebigen Elements mithilfe der CSS-Eigenschaft background-color fest. Verwenden Sie das style-Attribut, um Inline-Stilinformationen für ein Element zu definieren, oder fügen Sie Regelsätze mit geeigneten Selektoren zu Stylesheets hinzu: green background BODY {background-color: # 00FF00; }

Schritt 4

Definieren Sie das Hintergrundbild eines beliebigen Elements oder einer Gruppe von Elementen mithilfe der CSS-Eigenschaft background-image. Sein Wert muss ein URI sein, der die zugeordnete Ressource identifiziert. Zum Beispiel: BODY background-image {background-image: url ("myimage.gif")}

Schritt 5

Legen Sie zusätzliche Regeln für die Anzeige von Hintergrundbildern von Dokumentelementen fest. Verwenden Sie die CSS-Eigenschaften background-repeat, background-attachment und background-position. Die erste definiert die Kacheloptionen, die zweite definiert das Andocken relativ zum Dokument oder Ansichtsfenster und die dritte definiert den anfänglichen Versatz oder die Ausrichtung relativ zu den Grenzen des Containers. In der CSS2-Spezifikation auf w3c.org finden Sie mögliche Werte für diese Eigenschaften.

Empfohlen: