Ausbreitung des Coronavirus führt zu immer mehr Tafel-Schließungen

Um 1,6 Millionen bedürftige Tafel-Nutzer:innen jetzt nicht allein zu lassen, ruft Tafel Deutschland e.V. zu Solidarität und Unterstützung auf. Sie wollen helfen? Informationen finden Sie unter tafel.de.

Coronacharityshop.png

Eine weitere Möglichkeit ist der Einkauf im CoronaCharityShop – alle Einnahmen gehen zu 100 % an die Tafeln. Herzlichen Dank für Ihre Unterstützung.

HTML/Tabellen

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

In diesem Kurs lernen Sie, wie Sie Tabellen mit und ohne Gitternetzlinien in Ihre Web-Seiten einbauen können.

  1. Aufbau einer Tabelle
    • Tabellenzeilen (table), (tr)
    • Kopf- (th) und Datenfelder (td)
    • thead, tbody und tfoot
  2. Beschriftung
    • Tabellenüberschrift (caption)
    • Kurzinformation (abbr)
    • headers
    • scope
  3. Spalten und Zellen verbinden
    • Spalten (col)
    • Spaltengruppen (colgroup)
    • Spalten überspannen (colspan)
    • Zeilen überspannen (rowspan)
  4. Gestaltung mit CSS
    • Gestaltung von Kopf- und Datenzellen
    • Zebrastreifen
    • Zeilenüberschriften
    • Zeilen bei :hover markieren
  5. Gestaltung mit JavaScript
    • Spalten bei :hover markieren
  6. Responsive Gestaltung
    • Anpassung für breite Viewports
    • Anpassung für schmale Viewports

Wann sollte man eine Tabelle verwenden?

Eine Tabelle ist eine geordnete Zusammenstellung von Texten oder Daten. Die darzustellenden Inhalte werden dabei in Zeilen (waagerecht) und Spalten (senkrecht) gegliedert, die grafisch aneinander ausgerichtet werden.

Sinnvolle Einsatzbereiche für Tabellen sind beispielsweise:

  • Kalender
  • Stundenpläne
  • Fahrpläne
  • Ranglisten, z.B. im Sport
  • TV-Programm
  • Statistiken

Oft kann man anstelle von Tabellen auch Listen oder ähnliches verwenden:

Siehe auch

Weblinks