Wie ein Bild als Hintergrund in einer Zelle der Tabelle der Web-Seite eingerichtet

February 12

Erstellen einer Webseite kann eine einschüchternde Aufgabe sein, insbesondere dann, wenn Sie es vorher noch nie getan haben. Es erfordert Kenntnisse in den Sprachen HTML und oft CSS, um position und stilisieren Elemente und Objekte, die auf der Webseite gehen werden. Jedoch, wenn Sie verstehen, und können diese Sprachen verwenden, müssen Sie eine Vielzahl von Optionen zur Verfügung, z. B. Bilder einer Webseite hinzufügen können. Es ist sogar möglich, ein Bild als Hintergrund einer Zelle in einer Tabelle festgelegt.

Anweisungen

1 Öffnen Sie eine Web-Programm oder ein Textverarbeitungsprogramm bearbeiten.

2 Öffnen Sie eine vorhandene Webseite oder erstellen Sie eine neue.

3 Fügen Sie eine Tabelle, an die Position auf der Webseite, wo Sie, um es anzuzeigen möchten. Der HTML-Code für eine Tabelle eine Zelle ist:

< Tabelle >< tr >< td >< / >< / >< tr TD / Tabelle >

Mehr Zeilen und Zellen der Tabelle fügen Sie hinzu, indem "< tr >< / tr >" Tags für zusätzliche Zeilen und "< td >< / td >" Tags für zusätzliche Zellen, falls gewünscht.

4 Fügen Sie den CSS-Stil-Code für das Hintergrundbild, die "< Leiter >< / Kopf >" Abschnitt der Webseite. Der Code für ein Bild namens "cell_background.jpg" ist:

< Typ style = "Text/Css" > .style1 {Hintergrund-Bild: url('cell_background.jpg;);} < / style >

Ändern Sie die URL zu dem Speicherort des Bildes zeigen, die Sie für den Zellenhintergrund verwenden werden.

5 Fügen Sie die Klasse für das Hintergrundbild zum Tag "< td >" in der Tabelle, so dass das endgültige HTML ist "< td Klasse"STIL1"= >".

Tipps & Warnungen

  • Wenn Sie ein anderes Bild als Hintergrundbild für eine andere Zelle festlegen möchten, führen Sie die gleiche Methode, aber ändern Sie den Namen der CSS-Klasse.