Den HTML-Code Zellenfarbe ändern

Den HTML-Code Zellenfarbe ändern

Sie brauchen nicht, blinken, Animationen und Farben tanzen, um eine web-Seite arbeiten. Ein paar subtile visuelle Effekte, allerdings kann Sie verbessern nicht nur Ihre website, sondern bieten auch wichtige Hinweise für die Besucher Ihrer Website. Zum Beispiel, HTML-Tabellen-Anzeige organisiert tabellarische Daten in Zellen und Zeilen auf einer web-Seite. Durch ändern der Hintergrundfarbe eines Benutzers Mauszeiger über die verschiedenen Zellen, können Sie erstellen eine ansprechende Maus-over-Effekt, der hilft, den Benutzer zu identifizieren, die aktuell aktive Zelle.

Sie brauchen nicht, blinken, Animationen und Farben tanzen, um eine web-Seite arbeiten. Ein paar subtile visuelle Effekte, allerdings kann Sie verbessern nicht nur Ihre website, sondern bieten auch wichtige Hinweise für die Besucher Ihrer Website. Zum Beispiel, HTML-Tabellen-Anzeige organisiert tabellarische Daten in Zellen und Zeilen auf einer web-Seite. Durch ändern der Hintergrundfarbe eines Benutzers Mauszeiger über die verschiedenen Zellen, können Sie erstellen eine ansprechende Maus-over-Effekt, der hilft, den Benutzer zu identifizieren, die aktuell aktive Zelle.

• Öffnen Sie den Editor. Fügen Sie den folgenden code in das Dokument:
  https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
  https://www.w3.org/1999/xhtml'>
  
  
  
  
  
  
  Dies erstellt eine leere web-Seite.
• Fügen Sie diesen code unterhalb des ersten - tag:
  
  
  
  
  
  
  
  
  
  

  1	2
  3	4

  
  Dies erstellt eine Tabelle mit zwei Zeilen und zwei Spalten. Die 'onmouseover' - event eine Zelle ändert Farbe, um rot (#ff0000) und die 'onmouseout-Ereignis ändert seine Farbe wieder zu weiß.
• Drücken Sie 'STRG S', um öffnen Sie die 'Datei Speichern' - Fenster und geben 'xyz.html' in der 'File Name' Textfeld. Klicken Sie Auf 'Speichern'.
• Navigieren Sie zu der Datei mit Windows-Explorer und doppelklicken Sie auf die Datei. Ihr browser wird geöffnet und zeigt die Webseite. Bewegen Sie Ihre Maus über die Zellen der Tabelle. Sie werden sich Farben ändern.

Tipps & Warnungen

• Ändern Sie die 'onmouseover' und 'onmouseout' - Farben, alle Werte, die Sie mögen. Das 'onmouseout' Farbe die gleiche wie in der Tabelle Hintergrundfarbe. In diesem Beispiel wird die Standard-Tabelle, Hintergrundfarbe ist weiß. Der HTML-code gibt die Farben im hexadezimal-format. Erfahren Sie mehr über HTML-Farben online (siehe Ressourcen).