Tabeller - Table tag

HTML table tags


Table - simpel table - <table> </table>
Kode:
<table>
 <tr>
  <td>
   Noget tekst i en table
  </td>
 </tr>
</table>

Output:
Noget tekst i en table




Border - For at kunne se at det er en table skal vi have en border på
Kode:
<table border=1>
 <tr>
  <td>
   Noget tekst i en table med synlig border omkring
  </td>
 </tr>
</table>

Output:
Noget tekst i en table med synlig border omkring




Cellpadding - Afstand fra kant til tekst
Kode:
<table border=1 cellpadding=20>
 <tr>
  <td>
   Noget tekst i en table med cellpadding på 20
  </td>
 </tr>
</table>

Output:
Noget tekst i en table med cellpadding på 20


Cellspacing - Afstand fra ydre kant til indre kant
Kode:
<table border=1 cellspacing=20>
 <tr>
  <td>
   Noget tekst i en table med cellspacing på 20
  </td>
 </tr>
</table>

Output:
Noget tekst i en table med cellspacing på 20




Table row - Flere rækker i table - <tr> </tr>
Kode:
<table border=1>
 <tr>
  <td>
   Noget tekst i en table med 2 rækker, række 1
  </td>
 </tr>
 <tr>
  <td>
   Noget tekst i en table med 2 rækker, række 2
  </td>
 </tr>
</table>

Output:
Noget tekst i en table med 2 rækker, række 1
Noget tekst i en table med 2 rækker, række 2




Table data - Flere søjler i table - <td> </td>
Kode:
<table border=1>
 <tr>
  <td>
   Noget tekst i en table med 2 søjler, søjle 1
  </td>
  <td>
   Noget tekst i en table med 2 søjler, søjle 2
  </td>
 </tr>
</table>

Output:
Noget tekst i en table med 2 søjler, søjle 1 Noget tekst i en table med 2 søjler, søjle 2




Table - Eksempel på en table med 3 rækker og 4 søjler Kode:

<table border=1>
 <tr>
  <td>
   Række 1, Søjle 1
  </td>
  <td>
   Række 1, Søjle 2
  </td>
  <td>
   Række 1, Søjle 3
  </td>
  <td>
   Række 1, Søjle 4
  </td>
 </tr>
 <tr>
  <td>
   Række 2, Søjle 1
  </td>
  <td>
   Række 2, Søjle 2
  </td>
  <td>
   Række 2, Søjle 3
  </td>
  <td>
   Række 2, Søjle 4
  </td>
 </tr>
 <tr>
  <td>
   Række 3, Søjle 1
  </td>
  <td>
   Række 3, Søjle 2
  </td>
  <td>
   Række 3, Søjle 3
  </td>
  <td>
   Række 3, Søjle 4
  </td>
 </tr>
</table>

Output:
Række 1, Søjle 1 Række 1, Søjle 2 Række 1, Søjle 3 Række 1, Søjle 4
Række 2, Søjle 1 Række 2, Søjle 2 Række 2, Søjle 3 Række 2, Søjle 4
Række 3, Søjle 1 Række 3, Søjle 2 Række 3, Søjle 3 Række 3, Søjle 4




Tilbage
Tilbage til startsiden.

Af Magix Data & Web