Gewusst wie: ändern die Farbe einer Tabelle
Eine Tabelle auf einer Webseite wird mit dem < TABLE > HTML-Tag erstellt. Es besteht aus Zeilen und Spalten, wie eine Kalkulationstabelle. Farbe kann separat auf den Tisch, TR (Zeile) und TD (Zelle) Tags hinzugefügt werden. Dies kann mit dem HTML-Attribut "Bgcolor", die zwar veraltet immer noch erkannt wird von Webbrowsern oder mithilfe von cascading Stylesheets (CSS) und der "Hintergrund" Style-Attribut, das ist die empfohlene Methode für moderne Webseiten-Design.
Anweisungen
Mithilfe von HTML-Attributen
1 Öffnen Sie Ihr Web editing Software und der Webseite, die die Tabelle enthält, Hinzufügen von Farbe zu, oder erstellen Sie eine neue Webseite und eine Tabelle hinzufügen möchten.
2 Zeigen Sie den HTML-Code für Ihre Webseite in Ihr Bearbeitungstool. Adobe Dreamweaver z. B. Klicken Sie auf die Schaltfläche "Code" oder "Split" am oberen Rand des Bearbeitungsfensters.
Legen Sie das Attribut "Bgcolor" und einer Farbauswahl in Ihrem < TABLE > < TR > oder < TD > HTML-Tag, wenn Sie die Hintergrundfarbe, mit der älteren Methode ändern möchten. Der Code würde ähnlich aussehen: < Table Bgcolor = #990000 Width = "100 %" Border = "0" >, < tr Bgcolor = "#9900CC" > oder < td Bgcolor = "#9900CC" >.
4 Speichern Sie die Dateiänderungen und Hochladen Sie Ihrer Web-Seite zu Ihrem Web-Server die Tabelle Farben in Ihrem Webbrowser anzeigen.
Verwendung von CSS-Stilen
Einfügen eines Tags < STYLE > im Abschnitt < HEAD > Ihrer Webseite (über das BODY-Tag) und CSS-Farbdefinitionen um die Darstellung aller Tabellen auf Ihrer Webseite zu steuern. Der Code würde ähnlich aussehen: < Stil > Tabelle {Hintergrundfarbe: #FF0000;} < / style >. Dann wird es jederzeit < TABLE >-Tag in den Körper dieser Seite einfügen, diese Farbe haben.
Fügen Sie eine CSS-Style-Definition direkt in < TABLE >-Tag im Körper der Webseite ein, wenn Sie möchten, ändern die Farbe für nur eine Tabelle auf einer Seite, die viele aufweist. Der Code würde ähnlich aussehen: < Tabelle Stil = "Hintergrundfarbe: #0033CC" Breite = "100 %" Border = "0" >.
7 Einfügen einer Formatdefinition um die Hintergrundfarbe der einzelnen Tabelle Zeile Tags (TR) oder Tabellen-Zelle-Tags (TD) zu steuern, wie für das < TABLE >-Tag in Schritt 2. Dieser Code würde ähnlich aussehen: < tr Stil = "Hintergrundfarbe: #0033CC" > und < td Style = "Hintergrundfarbe: #0033CC" >.
8 Speichern Sie die Dateiänderungen und Hochladen Sie Ihrer Web-Seite zu Ihrem Web-Server die Tabelle Farben in Ihrem Webbrowser anzeigen.
Tipps & Warnungen
- Die Tabelle "Grenze" kann auch mit CSS mit dem Attribut gefärbt werden: Stil = "-Rahmenfarbe: #".