Aufbau einer HTML - Die kleine "Tag"- (Steuerbefehls-) Übersicht 3

Im folgenden finden Sie eine Auflistung der wichtigsten Tags. Zur besseren Übersicht habe ich sie nach ihrem Anwendungsbereich geordnet und in komplette Befehlszeilen (Listings) eingebunden.

Hier steht die komplette Befehlszeile... und so sieht das Ergebnis aus.

Markieren, kopieren Sie den Inhalt eines roten Kästchens und fügen Sie ihn in Ihr Dokument ein.

einige Varianten von Tabellen in einem HTML-Dokument

<TABLE BORDER>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>
  1    2  
  3    4  

<TABLE BORDER>
<TR><TH>Spalte 1</TH><TH>Spalte 2</TH></TR>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>
 Spalte 1  Spalte 2 
 1 2
 3 4

<TABLE BORDER=0>
<CAPTION>Tabellentitel:<BR>Tabelle ohne Rand</CAPTION>
<TR><TH>Spalte 1</TH><TH>Spalte 2</TH></TR>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>
Tabellentitel:
Tabelle ohne Rand
 Spalte 1  Spalte 2 
 1 2
 3 4

<TABLE BORDER WIDTH="50%">
<CAPTION>
 Tabelle mit 50 % Breite und einer Spalte 30 % Breite
</CAPTION>
<TR><TH WIDTH="30%">Spalte 1</TH><TH>Spalte 2</TH></TR>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>
Tabelle mit 50 % Breite und einer Spalte 30 % Breite
 Spalte 1  Spalte 2 
 1 2
 3 4

<TABLE BORDER WIDTH="50%">
<CAPTION>Tabelle mit einer breiten Spalte</CAPTION>
<TR><TH>Spalte 1</TH><TH>Spalte 2</TH><TH>Spalte 3</TH></TR>
<TR><TD>1</TD><TD>2</TD><TD>3</TD></TR>
<TR><TD COLSPAN=2>3</TD><TD>4</TD></TR>
</TABLE>
Tabelle mit einer breiten Spalte
Spalte 1Spalte 2Spalte 3
 1 2 3
 3 4

<TABLE BORDER WIDTH="75%">
<CAPTION>Tabelle mit einer hohen Spalte</CAPTION>
<TR><TH>Spalte 1</TH><TH>Spalte 2</TH><TH>Spalte 3</TH></TR>
<TR><TD>1</TD><TD>2</TD><TD ROWSPAN=3>3</TD></TR>
<TR><TD>4</TD><TD>5</TD></TR>
</TABLE>
Tabelle mit einer hohen Spalte
Spalte 1Spalte 2Spalte 3
 1 2 3
 4 5

<TABLE ALIGN=CENTER WIDTH="50%" BGCOLOR="#00000" BORDER=3>
<CAPTION><BIG>Alles in einer Tabelle</BIG></CAPTION>
<TR>
<TH ALIGN=CENTER BGCOLOR=RED>Spalte 1</TH>
<TH ALIGN=CENTER BGCOLOR=GREEN>Spalte 2</TH>
</TR>
<TR>
<TD ALIGN=CENTER>1</TD>
<TD ALIGN=CENTER>2</TD>
</TR>
<TR ALIGN=CENTER>
<TD>3</TD>
<TD>4</TD>
</TR>
</TABLE>
Alles in einer Tabelle
Spalte 1Spalte 2
12
34

<TABLE WIDTH="30%" BORDER=1 VSPACE=16 HSPACE=16 ALIGN=LEFT>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>
Tabelle mit diesem rechts umfließenden Text ...
12
34
... Tabelle mit diesem rechts umfließenden Text ... Tabelle mit diesem rechts umfließenden Text ... Tabelle mit diesem rechts umfließenden Text ... Tabelle mit diesem rechts umfließenden Text ... Tabelle mit diesem rechts umfließenden Text ... Tabelle mit diesem rechts umfließenden Text ... Tabelle mit diesem rechts umfließenden Text ... Tabelle mit diesem rechts umfließenden Text ... Tabelle mit diesem rechts umfließenden Text ... Tabelle mit diesem rechts umfließenden Text ...

 
 
 
 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