HTML Tutorials |
|
XML Tutorials |
|
Browser Scripting |
|
Server Scripting |
|
.NET (dotnet) |
|
Multimedia |
|
Web Building |
|
Java Tutorials |
|
Programming Langauges |
|
Soft Skills |
|
Database Tutorials |
|
Operating System |
|
Software Testing |
|
SAP Module |
|
Networking Programming |
|
Microsoft Office |
|
Accounting |
|
|
- Das HTML Tabelle Modell erlaubt Autoren, Daten zu ordnen -- Text, preformatted Text, Bilder, Verbindungen, Formen, Form f�ngt, andere Tabellen, etc. auf -- in Reihen und in Spalten der Zellen.
|
Tables
|
- Tabellen werden mit dem <table> Umbau definiert.
- Eine Tabelle wird in Reihen (mit dem <tr> Umbau) geteilt und
- jede Reihe wird in Datenzellen geteilt (mit dem <td> Umbau).
- Das Buchstaben td steht f�r �Tabelle Daten,�, die der Inhalt einer Datenzelle ist.
- Eine Datenzelle kann Text, Bilder, Listen, Punkte, Formen, horizontale Richtlinien, Tabellen, etc. enthalten.
|
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2p</td>
</tr>
</table>
|
|
�berschriften in einer Tabelle
|
�berschriften in einer Tabelle werden mit dem <th> Umbau definiert.
|
<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2p</td>
</tr>
</table>
|
|
Tabellen und das Rand-Attribut
|
Die Tabelle wird ohne irgendwelche R�nder angezeigt, wenn du nicht ein Randattribut spezifizierst. Manchmal kann dieses n�tzlich sein, aber die meisten der Zeit, m�chtest du die R�nder zeigen.
|
Um eine Tabelle mit R�ndern anzuzeigen, mu�t du das Randattribut verwenden:
|
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
</table>
|
|
�berspannen der mehrfachen Reihen und der Zellen
|
Verwenden rowspan, mehrfache Reihen zu �berspannen u. colspan, um mehrfache Spalten zu �berspannen.
|
Um eine Tabelle mit R�ndern anzuzeigen, mu�t du das Randattribut verwenden:
|
<table border="1">
<tr>
<td>column1</td>
<td>column2</td>
<td>column3</td>
</tr>
<tr>
<td rowspan="2">row 1, cell 1</td>
<td>row 1, cell 2</td>
<td>row 1, cell 3</td>
</tr>
<tr>
<td>row 2, cell 2</td>
<td>row 2, cell 3</td>
</tr>
<tr>
<td colspan="3">row 3, cell 1</td>
</tr>
</table>
|
|
O/P:
|
column1 |
column2 |
column3 |
row 1, cell 1 |
row 1, cell 2 |
row 1, cell 3 |
row 2, cell 2 |
row 2, cell 3 |
row 3, cell 1 |
|
|
Zelle Auff�llen und Abstand
|
Du wirst justierst den wei�en Raum auf deinen Tabellen mit den cellpadding und cellspacing Attributen.
|
Auff�llen stellt den Abstand zwischen Zelle R�ndern und dem Inhalt innen dar, w�hrend Abstand die Breite des Randes definiert.
|
<table border="1">
<tr>
<td >row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
|
|
O/P: Tabelle ohne Zelle Auff�llen und Abstand
|
row 1, cell 1 |
row 1, cell 2 |
row 2, cell 1 |
row 2, cell 2 |
|
|
<table border="1" cellspacing="10">
<tr>
<td >row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
|
|
O/P: Tabelle mit Cellspacing
|
row 1, cell 1 |
row 1, cell 2 |
row 2, cell 1 |
row 2, cell 2 |
|
|
<table border="1" cellpadding="10">
<tr>
<td >row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
|
|
O/P: Tabelle mit Cellpadding
|
row 1, cell 1 |
row 1, cell 2 |
row 2, cell 1 |
row 2, cell 2 |
|
|
|
|
Schl�sselw�rter: Herstellen der HTML Tabellen, HTML Schriftkegel-Farbtabellen, HTML Hilfe Tabellen, vorger�ckte HTML Tabellen, HTML Tutorialtabellen
|
|
HTML Quizes |
|
XML Quizes |
|
Browser Scripting Quizes |
|
Server Scripting Quizes |
|
.NET (dotnet) Quizes |
|
Multimedia Quizes |
|
Web Building Quizes |
|
Java Quizes |
|
Programming Langauges Quizes |
|
Soft Skills Quizes |
|
Database Quizes |
|
Operating System Quizes |
|
Software Testing Quizes |
|
SAP Module Quizes |
|
Networking Programming Quizes |
|
Microsoft Office Quizes |
|
Accounting Quizes |
|
|