Registrierung Galerie    Mitglieder    Team    Suchen    Hilfe
Bilder hochladen    Forum    Portal

haumis-wbb-schule » HTML » html - allgemein » Attribute des Tag "<table>" » Hallo Gast [anmelden|registrieren]
Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen
Neues Thema erstellen Antwort erstellen
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
haumi
Administrator


Dabei seit: 05.07.2010
Beiträge: 14

Attribute des Tag "<table>" Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       IP Information Zum Anfang der Seite springen

Um die Tabellengestaltung zu verfeinern, kann man dem table-Tag noch Attribute hinzufügen.
folgende Attribute sind möglich:

align --> richtet dieTabelle horizontal aus.
background --> gibt eine Hintergrundgrafik für die Tabelle
bgcolor --> legt die Hintergrundfarbe der gesamten Tabelle fest.
border --> Rahmen um die äußere Tabelle und gleichzeitig eine Zellenbegrenzung
bordercolor --> setzt die Farbe des Tabellenrahmens fest<
cellpadding --> Abstand zwischen dem Zelleninhalt und der Zellenbegrenzung
cellspacing --> Abstand zwischen den Zellen
dir< --> Schreib- und Leserichtung des Textes
frame -->besitzt die Tabelle ein border-Attribut so legt frame fest welche Teile des Tabellenrahmens dargestellt werden
ist auch ohne border-Attribut einsetzbar jedoch ist die Anzeige denn unterschiedlich
height --> bestimmt die Höhe derTabelle
rules --> legt fest, welche Teile der Zellenbegrenzng dargestellt werden
summary --> fasst den Tabelleninhalt zusammen
width --> bestimmt die Breite der Tabelle

Folgende Werte können von den einzelnen Attributen angenommen werden:

align:
left --> linksbündig
center --> mittig
right --> rechtsbündig
justifiy -- Blocksatz

background:
UrL zur Grafik ( <table background="images/hg.gif">

bgcolor:
Farbangabe als hexcode oder HTML-Farbe <table bgcolor="#FF0000"> // <table bgcolor="red">

border:
Rahmenstärke in Pixel <table border="3"> [voreingestellt ist border="1"]

cellpadding:
Abstand in Pixel <table cellpadding="6">

cellspacing:
Abstand in Pixel <table cellpadding="4">

dir:
rtl (right ot left [rechts nach links] <table dir="rtl" >
ltr (left to right [links nach rechts] <table dir="ltr" >

frame:
border --> Rahmen der gesammten Tabelle
box --> Kasten - wie border
above --> der Rahmen wird nur oberhalb der Tabelle dargestellt
below --> der Rahmen wird nur unterhalb der Tabelle dargestellt
hsides --> der Rahmen wird unter- UND oberhalb der Tabelle dargestellt
vsides --> der Rahmen wird links- UND rechtsseitig der Tabelle dargestellt
lhs --> [left hand side] der Rahmen wird nur am linken Tabellenrand dargestellt
rhs --> (right hand side) der Rahmen wird nur am rechten Tabellenrand dargestellt
void --> die Tabelle wird OHNE Rahmen dargestellt
Beispiele: [<table border ="4" frame="below"> oder <table frame="below">]
Die beiden Befehle bewirken unterschiedliche Darstellungen.

height:
legt die Höhe der Tabelle in Pixeln oder Prozent fest <table height="40%">

rules:
all --> die Begrenzungen der Tabellenzellen werden dargestellt
none --> die Begrenzungen der Tabellenzellen werden nicht dargestellt
rows --> die Zeilenlinien werden dargestellt
cols --> die Spaltenlinien werden dargestellt
groups --> die Trennlinien der verschiedenen Bereiche der Tabelle werden dargestellt
<table border="4 rules="rows">

summary:
Es kann ein zusammenfassender Kurztext für die Tabelle hinterlegt werden, welches ein z. B. Sprachausgabesystem beim öffnen der Tabelle wiedergibt.
<table summary="Dies ist eine Tabelle mit zwei Zeilen und drei Spalten">

witdh:
legt die Breite der Tabelle in Pixeln oder Prozent fest <table witdh="1200px">

18.07.2010 15:31 haumi ist offline Email an haumi senden Beiträge von haumi suchen Nehmen Sie haumi in Ihre Freundesliste auf
 
Neues Thema erstellen Antwort erstellen
Gehe zu:

Powered by Burning Board Lite 1.0.2 © 2001-2004 WoltLab GmbH