Tabelle für tabellarische Daten laut BITV

Tabellen dienen der Darstellung tabellarischer Daten. Die gezeigte Tabelle entspricht der BITVerordnung und gilt somit als barrierefreie Tabelle.

Tabellen strukturieren. Sehenden geben sie meist mit einem Blick den gewünschten Überblick. Vor allem, wenn sie auch noch zusammengehörende Daten farblich hervorheben.

Tabellen dienen der Darstellung tabellarischer Daten

Alle anderen Verwendungen sind meist unnötig und auch nicht einfacher, denn wer den Überblick über eine sechsfach verschachtelte Tabelle für das Webseiten Layout hat, der kann dies auch mit richtigem (X)html machen. ;)

Alle Beispieltabellen mit XHTML und CSS

barrierefreie Tabelle laut BITV

  1. Tabelle mit 5 Spalten.
  2. Spalten Überschriften.
  3. 3 Zeilen (beliebig erweiterbar).
  4. Tabellenfuß.
  5. Gitternetzlinien werden angezeigt.




Urlaubskosten
Urlaub Flug Hotel Ausgehen Total
Total: 600 400 300 1300
London
2006 400 300 150
2007 200 100 150

Download des Beispiels als Textdatei:

XHTML Vorlage für eine Tabelle laut BITV.

Diese Tabelle sieht noch sehr schlicht aus. Die Gestaltung mittels eines Cascading StyleSheets zeige ich noch dieser Tage, genauso wie die theoretische Erklärung all der verwendeten Elemente, Attribute und tags noch folgt. [edit:Theorie siehe ähnliche Artikel.]

Wenn dies hilfreich war, freue ich mich über einen Kommentar oder einen Social Bookmark. Danke!

mts


Basis Know-how CSS
InternetmarketingInternetmarketing Buchempfehlung

Top

1Kommentare zu : Tabelle für tabellarische Daten laut BITV

1 Trackback
  1. WordPress als CMS: In einer Kategorie Beiträge und benutzerdefinierte Felder ausgeben und nach einem benutzerdefiniertem Feld ordnen., [ 01.12.07 um 18:43 ] [...] Wieso diese Tabelle so aussieht wie sie aussieht, ersuche ich w3.org zu lesen oder bei mir Tabllen laut ...
  2. Tweets
Deine Meinung
... zum Thema
Name und E-mail sind nötig


WebDesign Angebot

mein Angebot

Ich biete benutzerfreundliches, barrierefreies WebDesign und InternetMarketing, denn was nützt die schönste Homepage, wenn sie keiner findet. Schalk und Support ist inclusive.
Kontakten Sie mich einfach » E-Mail

InternetMarketing Angebot

Mieten Sie meine Kreativität

Ich habe jede Menge Idee und Können, wie man auch ihren Shop, ihre Homepage und ihr Business im Internet bekannt macht.
Kontakten Sie mich einfach » E-Mail

WebDesign Preise

Preise by mts

Professionelles WebDesign ist eine Investition. Billig und günstig sind andere ..ich bin gut und bezahlbar.
Kontakten Sie mich einfach » E-Mail


Achtung: Sie haben JavaScripts und/oder CSS deaktiviert. Sie können diese Inhalte nutzen, einiges an Funktionen steht jedoch nicht zur Verfügung.

Zu den Inhalten springen

« zurück

vor »

  • WebDesign Icon

    WebDesign

    WebDesign ist mehr als Grafik- und Printdesign. WebDesign und Website Marketing sind Geschwister. Rund um WebDesign.
  • WebDesign Tutorials Icon

    WebDesign Tutorial

    Kein WebDesigner fällt vom Himmel. Mal ein Online Shop, mal Community, mal Web 2.0 social Media oder Wiki. Erfahrungen uvm.
  • CSS Icon

    CSS

    Ich habe zig CSS Beispiele, Erkenntnisse irgendwo auf der Festplatte meines PCs und Gehirns. Ich gebe diese gern weiter :-).
  • InternetMarkering Icon

    InternetMarketing

    Wie verkauft man im WWW unter Ausnutzung der SUMAs, der Social Media Dienste. Internet Marketing Praxis uvm..
    und Website Promotion
  • SEO Icon

    SEO

    SEO ist weder Geheimwissen noch 0815 Tätigkeit, - schlicht notwendig für den Erfolg im WWW. Meine Erfahrung mit SEO.
  • Internet Recht Icon

    Internet Recht

    Was tun bei Abmahnungen. Rechtsfallen sind u.a. free Download, Fotos, Marken, Forum, Kommentare. Wo gibt es Hilfe.
  • Schokolade Icon

    ..und außerdem ...

    mein Blog | mein Netzwerk | barrierefreies WebDesign | Usability im WebDesign | Net-Lexikon | WordPress Themes

©  2004 - 2010Professional Webdesign barrierefrei auf WebDesign-in.de, ImpressumImpressum Lizenz||Top