### Táblázat a weblapon

#### Az objektumok tulajdonságai

`<TABLE>` táblázatobjektum
align | igazítás az ablakban (center, left, right)
background | a háttérkép elérési útja
bgColor | a táblázat háttérszíne
border | a keret vastagsága (px)
borderColor | a keret színe
borderColorDark | a keret sötétebb színe (térhatású megjelenítés)
borderColorLight | a keret világosabb színe (térhatású megjelenítés)
cellPadding | a cellamargó szélessége (px)
cellSpacing | hely a cellák között (px)
height | a táblázat magassága (%, px)
rules | a cellákat elválasztó vonalak megjelenítése none: nincs, rows: vízszintes vonalak, cols: függőleges vonalak all: minden vonal (alapértelmezés)
width | a táblázat szélessége (%, px)
`<TR>` sorobjektum
align | igazítás a soron belül: left, right, center
vAlign | függőleges igazítás: top, bottom, center
bgColor | háttérszín
borderColor | a keret színe
borderColorDark | a keret sötétebb színe (térhatású megjelenítés)
borderColorLight | a keret világosabb színe (térhatású megjelenítés)
`<TD>` cellaobjektum
align | igazítás a cellában: left, right, center
vAlign | függőleges igazítás a cellában: top, bottom, center
background | a háttérkép elérési útja
bgColor | háttérszín
borderColor | a keret színe
borderColorDark | a keret sötétebb színe (térhatású megjelenítés)
borderColorLight | a keret világosabb színe (térhatású megjelenítés)
width | a cella szélessége (%, px)
height | a cella magassága (%, px)
noWrap | nincs sortörés a cellában (True, False)
colSpan | oszlopok összevonása
rowSpan | cellák összevonása
`<TH>` fejléc: ugyanaz, mint a `<TD></TD>`, csak félkövér megjelenítésű, és középre igazítja.
`<CAPTION>` táblázat felirat: a táblázat felirata, align: top vagy bottom

#### Példák a táblázatokra

Egyszerű táblázat

A | B | C
D | E | F

        <TABLE border = 1>
          <TR>
            <TD>A</TD> <TD>B</TD> <TD>C</TD>
          </TR>
          <TR>
            <TD>D</TD> <TD>E</TD> <TD>F</TD>
          </TR>
        </TABLE>

Sorok összevonása

Cella 1 | Cella 2 | Cella 3
Cella 4 | Cella 5

        <TABLE border = 1>
          <TR>
            <TD>Cella 1</TD>
            <TD rowSpan = 2>Cella 2</TD>
            <TD>Cella 3</TD>
          </TR>
          <TR>
            <TD>Cella 4</TD> <TD>Cella 5</TD>
          </TR>
        </TABLE>

Cella 1 | Cella 2 | Cella 3 | Cella 4
Cella 5 | Cella 6 | Cella 7

        <TABLE border = 1>
          <TR>
            <TD rowSpan = 2>Cella 1</TD>
            <TD>Cella 2</TD> <TD>Cella 3</TD> <TD>Cella 4</TD>
          </TR>
          <TR>
            <TD>Cella 5</TD> <TD>Cella 6</TD> <TD>Cella 7</TD>
          </TR>
        </TABLE>

Oszlopok összevonása

Cella 1 | Cella 2
Cella 3 | Cella 4 | Cella 5

        <TABLE border = 1>
          <TR>
            <TD>Cella 1</TD>
            <TD colSpan = 2>Cella 2</TD>
          </TR>
          <TR>
            <TD>Cella 3</TD> <TD>Cella 4</TD> <TD>Cella 5</TD>
          </TR>
        </TABLE>

Fejlécek

Cím1 | Cím2 | Cím3
--- | --- | ---
A | B | C
D | E | F

        <TABLE border = 1>
          <TR>
            <TH>Cím1</TH> <TH>Cím2</TH> <TH>Cím3</TH>
          </TR>
          <TR>
            <TD>A</TD> <TD>B</TD> <TD>C</TD>
          </TR>
          <TR>
            <TD>D</TD> <TD>E</TD> <TD>F</TD>
          </TR>
        </TABLE>

Fejléc több oszlophoz

Cím1 | Cím2
--- | ---
A | B | C | D
E | F | G | H

        <TABLE border = 1>
          <TR>
            <TH colSpan = 2>Cím1</TH>
            <TH colSpan = 2>Cím2</TH>
          </TR>
          <TR>
            <TD>A</TD> <TD>B</TD> <TD>C</TD> <TD>D</TD>
          </TR>
          <TR>
            <TD>E</TD> <TD>F</TD> <TD>G</TD> <TD>H</TD>
          </TR>
        </TABLE>

Többsoros fejléc

Cím1 | Cím2
--- | ---
Cím3 | Cím4 | Cím5 | Cím6
A | B | C | D
E | F | G | H

        <TABLE border = 1>
          <TR>
            <TH colSpan = 2>Cím1</TH>
            <TH colSpan = 2>Cím2</TH>
          </TR>
          <TR>
            <TH>Cím3</TH> <TH>Cím4</TH>
            <TH>Cím5</TH> <TH>Cím6</TH>
          </TR>
          <TR>
            <TD>A</TD> <TD>B</TD> <TD>C</TD> <TD>D</TD>
          </TR>
          <TR>
            <TD>E</TD> <TD>F</TD> <TD>G</TD> <TD>H</TD>
          </TR>
        </TABLE>

Címek az első oszlopban

Cím1 | Cella 1 | Cella 2 | Cella 3
Cím2 | Cella 4 | Cella 5 | Cella 6
Cím3 | Cella 7 | Cella 8 | Cella 9

        <TABLE border = 1>
          <TR>
            <TH>Cím1</TH>
            <TD>Cella 1</TD> <TD>Cella 2</TD> <TD>Cella 3</TD></TR>
          <TR>
            <TH>Cím2</TH>
            <TD>Cella 4</TD> <TD>Cella 5</TD> <TD>Cella 6</TD></TR>
          <TR>
            <TH>Cím3</TH>
            <TD>Cella 7</TD> <TD>Cella 8</TD> <TD>Cella 9</TD></TR>
        </TABLE>

Fejléc több sorra

Cím1 | Cella 1 | Cella 2 | Cella 3 | Cella 4
Cella 5 | Cella 6 | Cella 7 | Cella 8
Cím2 | Cella 9 | Cella 10 | Cella 3 | Cella 11

        <TABLE border = 1>
          <TR>
            <TH rowSpan = 2>Cím1</TH>
            <TD>Cella 1</TD> <TD>Cella 2</TD> <TD>Cella 3</TD> <TD>Cella 4</TD>
          </TR>
          <TR>
            <TD>Cella 5</TD> <TD>Cella 6</TD> <TD>Cella 7</TD> <TD>Cella 8</TD>
          </TR>
          <TR>
            <TH>Cím2</TH>
            <TD>Cella 9</TD> <TD>Cella 10</TD> <TD>Cella 3</TD> <TD>Cella 11</TD>
          </TR>
        </TABLE>

Táblázat keret nélkül

Cella 1 | Cella 2 | Cella 3
Cella 4 | Cella 5

        <TABLE>
          <TR>
            <TD>Cella 1</TD> <TD rowSpan = 2>Cella 2</TD> <TD>Cella 3</TD>
          </TR>
          <TR>
            <TD>Cella 4</TD> <TD>Cella 5</TD>
          </TR>
        </TABLE>

Táblázat széles kerettel

Cella 1 | Cella 2
Cella 3 | Cella 4

        <TABLE border = 30>
          <TR>
            <TD>Cella 1</TD> <TD> Cella 2</TD>
          </TR>
          <TR>
            <TD>Cella 3</TD> <TD>Cella 4</TD>
          </TR>
        </TABLE>

CellPadding és CellSpacing

A | B | C
D | E | F

        <TABLE border = 1 cellPadding = 10 cellSpacing = 0>
          <TR>
            <TD>A</TD> <TD>B</TD> <TD>C</TD>
          </TR>
          <TR>
            <TD>D</TD> <TD>E</TD> <TD>F</TD>
          </TR>
        </TABLE>

A | B | C
D | E | F

        <TABLE border = 1 cellPadding = 0 cellSpacing = 10>
          <TR>
            <TD>A</TD> <TD>B</TD> <TD>C</TD>
          </TR>
          <TR>
            <TD>D</TD> <TD>E</TD> <TD>F</TD>
          </TR>
        </TABLE>

A | B | C
D | E | F

        <TABLE border = 1 cellPadding = 10 cellSpacing = 10>
          <TR>
            <TD>A</TD> <TD>B</TD> <TD>C</TD>
          </TR>
          <TR>
            <TD>D</TD> <TD>E</TD> <TD>F</TD>
          </TR>
        </TABLE>

A | B | C
D | E | F

        <TABLE border = 5 cellPadding = 10 cellSpacing = 10>
          <TR>
            <TD>A</TD> <TD>B</TD> <TD>C</TD>
          </TR>
          <TR>
            <TD>D</TD> <TD>E</TD> <TD>F</TD>
          </TR>
        </TABLE>

Sortörés a cellákban

Hétfő | Kedd | Szerda
--- | --- | ---
Ez az 1. cella | 2. cella | Újabb cella, 3. cella
4. cella | Ez az 5. cella | 6. cella

        <TABLE border = 1>
          <TR>
            <TH>Hétfő</TH>
            <TH>Kedd</TH>
            <TH>Szerda</TH>
          </TR>
          <TR>
            <TD>Ez az 1. cella</TD>
            <TD>2. cella</TD>
            <TD>Újabb cella,<BR>3. cella</TD>
          </TR>
          <TR>
            <TD>4. cella</TD>
            <TD>Ez az<BR>5. cella</TD>
            <TD>6. cella</TD>
          </TR>
        </TABLE>

Vízszintes igazítás

cellánként megadható

Hétfő | Kedd | Szerda
--- | --- | ---
Az egész sor középre igazítva | 2. cella | Újabb cella, 3. cella
Jobbra igazítva | Középre igazítva | Alapértelmezés, balra igazítva

        <TABLE border = 1>
          <TR>
            <TH>Hétfő</TH>
            <TH>Kedd</TH>
            <TH>Szerda</TH>
          </TR>
          <TR align = center>
            <TD>Az egész sor középre igazítva</TD>
            <TD>2. cella</TD>
            <TD>Újabb cella,<BR>3. cella</TD>
          </TR>
          <TR>
            <TD align = "right">Jobbra igazítva</TD>
            <TD align = "center">Középre igazítva</TD>
            <TD>Alapértelmezés,<BR>balra igazítva</TD>
          </TR>
        </TABLE>

Függőleges igazítás

megadható egy-egy cellára vagy az egész sorra

Hétfő | Kedd | Szerda
--- | --- | ---
Az egész sor felülre igazítva | Ez most a 2. cella | 3. cella
Felülre igazítva | Alulra igazítva | Alapértelmezés, középre igazítva

        <TABLE border = 1>
          <TR>
            <TH>Hétfő</TH>
            <TH>Kedd</TH>
            <TH>Szerda</TH>
          </TR>
          <TR vAlign = "top">
            <TD>Az egész sor felülre igazítva</TD>
            <TD>Ez most a<BR>2. cella</TD>
            <TD>3. cella</TD>
          </TR>
          <TR>
            <TD vAlign = "top">Felülre igazítva</TD>
            <TD vAlign = "bottom">Alulra igazítva</TD>
            <TD>Alapértelmezés,<BR>középre igazítva</TD>
          </TR>
        </TABLE>

Táblázat felirat

Felirat felül
Hétfő | Kedd | Szerda
--- | --- | ---
Cella 1 | Cella 2 | Cella 3

        <TABLE border = 1>
        <CAPTION align = "top">Felirat felül</CAPTION>
          <TR>
            <TH>Hétfő</TH>
            <TH>Kedd</TH>
            <TH>szerda</TH>
          </TR>
          <TR>
            <TD>Cella 1</TD>
            <TD>Cella 2</TD>
            <TD>Cella 3</TD>
          </TR>
        </TABLE>

Hétfő | Kedd | Szerda
--- | --- | ---
Cella 1 | Cella 2 | Cella 3
Felirat alul

        <TABLE border = 1>
        <CAPTION align = "bottom">Felirat alul</CAPTION>
          <TR>
            <TH>Hétfő</TH>
            <TH>Kedd</TH>
            <TH>Szerda</TH>
          </TR>
          <TR>
            <TD>Cella 1</TD>
            <TD>Cella 2</TD>
            <TD>Cella 3</TD>
          </TR>
        </TABLE>

Egymásba ágyazott táblázatok

1 | 2 | 3
A | B
C | D
4 | 5 | 6

        <TABLE border = 1>
          <TR> <!-- 1. táblázat, 1. sor -->
            <TD>1</TD>
            <TD>2</TD>
            <TD>3
              <TABLE border = 1>
                <TR> <!-- 2. táblázat, 1. sor -->
                  <TD>A</TD>
                  <TD>B</TD>
                </TR>
                <TR> <!-- 2. táblázat, 2. sor -->
                  <TD>C</TD>
                  <TD>D</TD>
                </TR>
              </TABLE>
            </TD>
          </TR>
          <TR> <!-- 1. táblázat, 2. sor -->
            <TD>4</TD>
            <TD>5</TD>
            <TD>6</TD>
          </TR>
        </TABLE>

A táblázat szélessége

width = "50%" | width = "50%"
3 | 4

        <TABLE border = 1 width = "50%">
          <TR>
            <TD>width = "50%"</TD><TD>width = "50%"</TD>
          </TR>
          <TR>
            <TD>3</TD><TD>4</TD>
          </TR>
        </TABLE>

A width hatása a cellákra | 2
3 | 4

        <TABLE border = 1 width = "50%">
          <TR>
            <TD>A width hatása a cellákra</TD><TD>2</TD>
          </TR>
          <TR>
            <TD>3</TD><TD>4</TD>
          </TR>
        </TABLE>

width = "100%" | Ez a 2. cella
3 | 4

        <TABLE border = 1 width = "100%";>
          <TR>
            <TD>width = "100%"</TD><TD>Ez a 2. cella</TD>
          </TR>
          <TR>
            <TD>3</TD><TD>4</TD>
          </TR>
        </TABLE>

A táblázat középre igazítása az ablakban

A | B | C
D | E | F

        <TABLE border = 1 width = "50%" align = "center">
          <TR>
            <TD>A</TD> <TD>B</TD> <TD>C</TD>
          </TR>
          <TR>
            <TD>D</TD> <TD>E</TD> <TD>F</TD>
          </TR>
        </TABLE>

A táblázat szélessége egymásba ágyazás esetén

Cella 1 | Cella 2
Cella A | Cella B
| Cella 4

        <TABLE border = 1 width = "50%">
          <TR>
            <TD>Cella 1</TD><TD>Cella 2</TD>
          </TR>
          <TR>
            <TD>
              <TABLE border = 1 width = "100%"
                <TR>
                  <TD>Cella A</TD><TD>Cella B</TD>
                </TR>
              </TABLE>
            </TD>
            <TD>Cella 4</TD>
          </TR>
        </TABLE>

A táblázat magassága

height = "40%" | Cella 2
3 | 4

        <TABLE border = 1 width = "50%" height = "40%">
          <TR>
            <TD>height = "40%"</TD> <TD>Cella 2</TD>
          </TR>
          <TR>
            <TD>3</TD><TD>4</TD>
          </TR>
        </TABLE>