[ Forrige | Indhold | Næste ]
<table>
af Joachim Cohn Jacobsen, HTML.dk
Sidst opdateret 6. januar 2001
Beskrivelse
Indsætter en tabel
Anvendelse
<table>-elementet udgør grundelementet i en tabel med rækker og kolonner.
[...]
<body>
<table border="1" width="50%">
<caption>Den meget lille tabel</caption>
<colgroup span="6" align="center">
<tr><th> </th>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>4</td>
<td>6</td>
<td>8</td>
<td>10</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
<td>6</td>
<td>9</td>
<td>12</td>
<td>15</td>
</tr>
<tr>
<td>4</td>
<td>4</td>
<td>8</td>
<td>12</td>
<td>16</td>
<td>20</td>
</tr>
<tr>
<td>5</td>
<td>5</td>
<td>10</td>
<td>15</td>
<td>20</td>
<td>25</td>
</tr>
</table>
</body>
[...]
Resultatet i browseren er:
Den meget lille tabel
| | 1 | 2 | 3 | 4 | 5 |
| 1 | 1 | 2 | 3 | 4 | 5 |
| 2 | 2 | 4 | 6 | 8 | 10 |
| 3 | 3 | 6 | 9 | 12 | 15 |
| 4 | 4 | 8 | 12 | 16 | 20 |
| 5 | 5 | 10 | 15 | 20 | 25 |
Placering
- Elementet kan indeholde:
-
caption,
col,
colgroup,
tbody,
tfoot,
thead
- Elementet kan indeholdes i:
-
blockquote,
body,
button,
dd,
del,
div,
fieldset,
form,
iframe,
ins,
li,
map,
noframes,
noscript,
object,
td,
th
Attributter
- summary="[text]"
- Tabellens formål eller struktur
- width="[bredde]"
- Tabellens bredde
- border="[pixels]"
- Rammetykkelse. Se
frame og rules for oplysninger om, hvordan man kan kontrollere, hvor der skal tegnes rammer.
- bgcolor = [farve]
- Forældet. Bruges til at definere baggrundssfarven for tabellen.
- align="[left|center|right]"
- Forældet. Specificerer tabellens placering i dokumentet. Tilladte værdier:
-
- left: Placering til venstre
- center: Centrering
- right: Placering til højre
- frame="[void|above|below|hsides|lhs|rhs|vsides|box|border]"
- Tabellens ydre ramme
-
- void: Ingen ramme (standardværdi)
- above: Kun ramme over tabellen
- below: Kun ramme under tabellen
- hsides: Kun ramme over og under tabellen
- vsides: Kun ramme i højre og venstre side
- lhs: Kun ramme i venstre side
- rhs: Kun ramme i højre side
- box: Ramme på alle sider
- border: Ramme på alle sider
- rules="[none|groups|rows|cols|all]"
- Tabellens indre rammer
-
- none: Ingen indre rammer (standardværdi)
- groups: Kun indre rammer mellem rækkegrupper (se <thead>, <tfoot>, og <tbody>) og kolonnegrupper (se <colgroup> og <col>).
- rows: Indre rammer kun mellem rækker (kun vandret)
- cols: Indre ramme kun mellem kolonner (kun lodret)
- all: Indre rammer mellem alle celler
- cellspacing="[pixels]"
- Afstand mellem celler
- cellpadding="[pixels]"
- Indre margen i de enkelte celler
De fælles attributter
Relaterede elementer
caption,
col,
colgroup,
tbody,
thead,
tfoot,
td,
th,
tr
[ Forrige | Indhold | Næste ]