Gestaltung einer Tabelle - Überschriften und Fußnoten definieren

Neben den bereits bekannten Möglichkeiten Überschriften zu gestalten, bietet HTML für Tabellen einen besonderen Tag, welcher eine tabellenzugehörige Überschrift bzw. eine tabellenzugehörige Unterschrift setzt.

Der Tag "<caption>" alleine bewirkt in der Regel aber noch gar nichts. Erst durch das Zusetzen des Attributes "align=" kann eine entsprechende Wirkung erzielt werden:

  <caption align=top>       definiert eine Tabellenüberschrift
  <caption align=bottom> definiert eine Tabellenunterschrift
  <caption align=left>       definiert eine Tabellenüberschrift linksseitig ausgerichtet
  <caption align=right>     definiert eine Tabellenüberschrift rechtsseitig ausgerichtet

 

Natürlich muß auch hier am Ende des Befehlstextes der CloseTag (</caption>) stehen.


Und so wird eine Tabellenüberschrift definiert:

    <table border>
     <caption align=top>
      Das ist die Tabellenüberschrift
     </caption>
     <tr>
      <td>Text in der 1. Spalte</td>
      <td>Text in der 2. Spalte</td>
     </tr>
    </table>

Das ist die Tabellenüberschrift
Text in der 1. SpalteText in der 2. Spalte



Und so wird eine Tabellenunterschrift definiert:

      <table border>
     <caption align=bottom>
      Das ist die Tabellenunterschrift
     </caption>
     <tr>
      <td>Text in der 1. Spalte</td>
      <td>Text in der 2. Spalte</td>
     </tr>
    </table>

Das ist die Tabellenunterschrift
Text in der 1. SpalteText in der 2. Spalte



Übrigens, so kann eine Tabellenüberschrift / -unterschrift ausgerichtet werden:
  <caption=top align=top>
   Tabellenüberschrift          => oben
  </caption>
   
  <caption=top align=bottom>
   Tabellenüberschrift          => unten
  </caption>
  <caption=top align=left>
   Tabellenüberschrift          => links
  </caption>
  <caption=top align=right>
   Tabellenüberschrift          => rechts
  </caption>

  <caption=top align=top>
   Tabellenunterschrift         => oben
  </caption>   
  <caption=top align=bottom>
   Tabellenunterschrift         => unten
  </caption>
  <caption=top align=left>
   Tabellenunterschrift         => links
  </caption>
  <caption=top align=right>
   Tabellenunterschrift         => rechts
  </caption>
 
 
 
 
 Kontakt | Übersicht | Komplex-Suche | AGB | Impressum | Datenschutz
Copyright © 2012 Juniors-Workstation. Alle Rechte vorbehalten.
Joomla! ist freie, unter der GNU/GPL-Lizenz veröffentlichte Software.
 
 
     
 
   
Design by windows vista forum and energiesparlampen