Tablazatok keszitese

TÁBLÁZATOK KÉSZÍTÉSE

A következô néhány oldal a táblázatok készítését mutatja be példák segítségével.

EGY ALAP 3X2-ES TÁBLÁZAT

A	B	C
D	E	F

<TABLE BORDER>

        <TR>
                <TD>A</TD> <TD>B</TD> <TD>C</TD>
        </TR>
        <TR>
                <TD>D</TD> <TD>E</TD> <TD>F</TD>
        </TR>

</TABLE>

Itt ki lehet próbálni a kód módosítását

KÉT SOR NAGYSÁGÚ CELLÁK KÉSZÍTÉSE (ROWSPAN)

1 Adat	2 Adat	3 Adat
4 Adat	2 Adat	5 Adat

<TABLE BORDER>

        <TR>

                <TD>1 Adat</TD>

                <TD ROWSPAN=2>2 Adat</TD>

                <TD>3 Adat</TD>

        </TR>

        <TR>

                <TD>4 Adat</TD> <TD>5 Adat</TD>

        </TR>

</TABLE>

1 Adat	2 Adat	3 Adat	4 Adat
1 Adat	5 Adat	6 Adat	7 Adat

<TABLE BORDER>

        <TR>

                <TD ROWSPAN=2>1 Adat</TD>

                <TD>2 Adat</TD> <TD>3 Adat</TD> <TD>4 Adat</TD>

        </TR>

        <TR>

                <TD>5 Adat</TD> <TD>6 Adat</TD> <TD>7 Adat</TD>

        </TR>

</TABLE>

KÉT OSZLOP SZÉLESSÉGU CELLÁK KÉSZÍTÉSE (COLSPAN)

1 Adat	2 Adat
3 Adat	4 Adat	5 Adat

<TABLE BORDER>

        <TR>

                <TD>1 Adat</TD>

                <TD COLSPAN=2>2 Adat</TD>

        </TR>

        <TR>

                <TD>3 Adat</TD> <TD>4 Adat</TD> <TD>5 Adat</TD>

        </TR>

</TABLE>

FEJLÉC KÉSZÍTÉSE <TH>

Head1	Head2	Head3
A	B	C
D	E	F

<TABLE BORDER>

        <TR>

                <TH>Head1</TH> <TH>Head2</TH> <TH>Head3</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 KÉSZÍTÉSE A “COLSPAN” ALKALMAZÁSÁVAL

Head1		Head2
A	B	C	D
E	F	G	H

<TABLE BORDER>

        <TR>

                <TH COLSPAN=2>Head1</TH>

                <TH COLSPAN=2>Head2</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>

ÖSSZETETT FEJLÉC KÉSZÍTÉSE

Head1		Head2
Head 3	Head 4	Head 5	Head 6
A	B	C	D
E	F	G	H

<TABLE BORDER>

        <TR>

                <TH COLSPAN=2>Head1</TH>

                <TH COLSPAN=2>Head2</TH>

        </TR>

        <TR>

                <TH>Head 3</TH> <TH>Head 4</TH> 

                <TH>Head 5</TH> <TH>Head 6</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>

OLDALSÓ FEJLÉC KÉSZÍTÉSE

Head1	Item 1	Item 2	Item 3
Head2	Item 4	Item 5	Item 6
Head3	Item 7	Item 8	Item 9

<TABLE BORDER>

        <TR><TH>Head1</TH>

                <TD>Item 1</TD> <TD>Item 2</TD> <TD>Item 3</TD></TR>

        <TR><TH>Head2</TH>

                <TD>Item 4</TD> <TD>Item 5</TD> <TD>Item 6</TD></TR>

        <TR><TH>Head3</TH>

                <TD>Item 7</TD> <TD>Item 8</TD> <TD>Item 9</TD></TR>

</TABLE>

OLDALSÓ FEJLÉC KÉSZÍTÉSE A “ROWSPAN” ALKALMAZÁSÁVAL

Head1	Item 1	Item 2	Item 3	Item 4
Head1	Item 5	Item 6	Item 7	Item 8
Head2	Item 9	Item 10	Item 3	Item 11

<TABLE BORDER>

        <TR><TH ROWSPAN=2>Head1</TH>

            <TD>Item 1</TD> <TD>Item 2</TD> <TD>Item 3</TD> <TD>Item 4</TD>

        </TR>

        <TR><TD>Item 5</TD> <TD>Item 6</TD> <TD>Item 7</TD> <TD>Item 8</TD>

        </TR>

        <TR><TH>Head2</TH>

            <TD>Item 9</TD> <TD>Item 10</TD> <TD>Item 3</TD> <TD>Item 11</TD>

        </TR>

</TABLE>

PÉLDA A FENTIEK ALKALMAZÁSÁRA

		Átlag
		Magasság	Súly
Nem	Férfiak	1.9	0.003
Nem	Nôk	1.7	0.002

<TABLE BORDER>

        <TR>    <TD><TH ROWSPAN=2></TH>

                <TH COLSPAN=2>Átlag</TH></TD>

        </TR>

        <TR>    <TD><TH>Magasság</TH><TH>Súly</TH></TD>

        </TR>

        <TR>    <TH ROWSPAN=2>Nem</TH>

                <TH>Férfiak</TH><TD>1.9</TD><TD>0.003</TD>

        </TR>

        <TR>    <TH>Nôk</TH><TD>1.7</TD><TD>0.002</TD>

        </TR>

</TABLE>

PÉLDA A ROWSPAN/COLSPAN ALKALMAZÁSÁRA

A	1	2
	3	4
C	D

<TABLE BORDER>

        <TR>

                <TD ALIGN=center ROWSPAN=2 COLSPAN=2>A</TD>

                <TD>1</TD>

                <TD>2</TD>

        </TR>

        <TR>

                <TD>3</TD>

                <TD>4</TD>

        </TR>

        <TR>

                <TD ALIGN=center ROWSPAN=2 COLSPAN=2>C</TD>

                <TD ALIGN=center ROWSPAN=2 COLSPAN=2>D</TD>

        </TR>

        <TR>

        </TR>

</TABLE>

CELLÁK, SZEGÉLYEK BEÁLLÍTÁSA

TÁBLÁZAT RÁCSOK NÉLKÜL

Item 1	Item 2	Item 3
Item 4	Item 2	Item 5

<TABLE>

        <TR>    <TD>Item 1</TD> <TD ROWSPAN=2>Item 2</TD> <TD>Item 3</TD> 

        </TR>

        <TR>    <TD>Item 4</TD> <TD>Item 5</TD> 

        </TR>

</TABLE>

TÁBLÁZAT 10-ES SZEGÉLLYEL

Item 1	Item 2
Item 3	Item 4

<TABLE BORDER=10>

        <TR>    <TD>Item 1</TD> <TD> Item 2</TD>

        </TR>

        <TR>    <TD>Item 3</TD> <TD>Item 4</TD> 

        </TR>

</TABLE>

CELLÁK KIBÔVÍTÉSE ÉS RITKÍTÁSA (CELLSPADDING, CELLSPACING)

A	B	C
D	E	F

<TABLE BORDER 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 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 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>

SORBEÁLLÍTÁS, FELIRATOK ÉS ALTÁBLÁZATOK

TÖBB SORBÓL ÁLLÓ CELLÁK

Január	Február	Március
Ez az 1. cella	2. cella	Másik cella, 3. cella
4. cella	és ez az 5. cella	6. cella

<TABLE BORDER>

        <TR>

                <TH>Január</TH>

                <TH>Február</TH>

                <TH>Március</TH>

        </TR>

        <TR>

                <TD>Ez az 1. cella</TD>

                <TD>2. cella</TD>

                <TD>Másik cella,<br> 3. cella</TD>

        </TR>

        <TR>

                <TD>4. cella</TD>

                <TD>és ez az<br>5. cella</TD>

                <TD>6. cella</TD>

        </TR>

</TABLE>

ALIGN=LEFT|RIGHT|CENTER

Használható egyes cellák vagy egész sorok beállítására.

Január	Február	Március
mind középre rendezve	2 cella	Másik cella, 3. cella
jobbra rendezve	középre rendezve	nincs utasítás, balra rendezve

<TABLE BORDER>

        <TR>

            <TH>Január</TH>

            <TH>Február</TH>

            <TH>Március</TH>

        </TR>

        <TR ALIGN=center>

            <TD>mind középre rendezve</TD>

            <TD>2 cella</TD>

            <TD>Másik cella,<br> 3. cella</TD>

        </TR>

        <TR>

            <TD ALIGN=right>jobbra rendezve</TD>

            <TD ALIGN=center>középre rendezve</TD>

            <TD>nincs utasítás,<br>balra rendezve</TD>

        </TR>

</TABLE>

VALIGN=TOP|BOTTOM|MIDDLE

Használható egyes cellákra vagy egész sorokra.

Január	Február	Március
mind föntre rendezve	és ez a 2 cella	3 cella
felülre rendezve	alulra rendezve	nincs utasítás, középre rend.

<TABLE BORDER>

        <TR>

                <TH>Január</TH>

                <TH>Február</TH>

                <TH>Március</TH>

        </TR>

        <TR VALIGN=top>

            <TD>mind föntre rendezve</TD>

            <TD>és ez a<br>2 cella</TD>

            <TD>3 cella</TD>

        </TR>

        <TR>

            <TD VALIGN=top>felülre rendezve</TD>

            <TD VALIGN=bottom>alulra rendezve</TD>

            <TD>nincs utasítás,<br>középre rend.</TD>

        </TR>

</TABLE>

CAPTION=TOP|BOTTOM

Január	Február	Március
A felirat a táblázat fölött van
Ez az 1 cella	2 cella	Másik cella, 3 cella

<TABLE BORDER>

<CAPTION ALIGN=top>A felirat a táblázat fölött van</CAPTION>

        <TR>

                <TH>Január</TH>

                <TH>Február</TH>

                <TH>Március</TH>

        </TR>

        <TR>

                <TD>Ez az 1 cella</TD>

                <TD>2 cella</TD>

                <TD>Másik cella,<br>3 cella</TD>

        </TR>

</TABLE>

Január	Február	Március
Ez az 1 cella	2 cella	Másik cella, 3 cella
A felirat a táblázat alatt

<TABLE BORDER>

<CAPTION ALIGN=bottom>A felirat a táblázat alatt</CAPTION>

        <TR>

                <TH>Január</TH>

                <TH>Február</TH>

                <TH>Március</TH>

        </TR>

        <TR>

                <TD>ez az 1 cella</TD>

                <TD>2 cella</TD>

                <TD>Másik cella,<br>3 cella</TD>

        </TR>

</TABLE>

ALTÁBLÁZATOK: AZ ABCD TÁBLÁZAT AZ 123456 TÁBLÁZATON BELÜL VAN

	A	B
	C	D

<TABLE BORDER>

        <TR> <!-- ROW 1, TABLE 1 -->

                <TD>1</TD>

                <TD>2</TD>

                <TD>3

                <TABLE BORDER>

                        <TR> <!-- ROW 1, TABLE 2 -->

                                <TD>A</TD>

                                <TD>B</TD>

                        </TR>

                        <TR> <!-- ROW 2, TABLE 2 -->

                                <TD>C</TD>

                                <TD>D</TD>

                        </TR>

                </TABLE>

                </TD>

        </TR>

        <TR> <!-- ROW 2, TABLE 1 -->

                <TD>4</TD>

                <TD>5</TD>

                <TD>6</TD>

        </TR>

</TABLE>

A TÁBLÁZATOK SZÉLESSÉGE

50%-OS SZÉLESSÉG

Width=50%	Width=50%
3	4

<TABLE BORDER WIDTH="50%">

        <TR><TD>Width=50%</TD><TD>Width=50%</TD>

        </TR>

        <TR><TD>3</TD><TD>4</TD>

        </TR>

</TABLE>

Az adat szélességétôl függô cellaméret	2
3	4

<TABLE BORDER WIDTH="50%">

        <TR><TD>Az adat szélességétôl függô cellaméret</TD><TD>2</TD>

        </TR>

        <TR><TD>3</TD><TD>4</TD>

        </TR>

</TABLE>

SZÉLESSÉG=100%	Ez a 2. adat
3	4

<TABLE BORDER WIDTH="100%">

        <TR><TD>SZÉLESSÉG=100%</TD><TD>Ez a 2. adat</TD>

        </TR>

        <TR><TD>3</TD><TD>4</TD>

        </TR>

</TABLE>

A TÁBLÁZAT KÖZÉPRE RENDEZÉSE AZ OLDALON

A	B	C
D	E	F

<CENTER>

<TABLE BORDER WIDTH="50%">

        <TR>

                <TD>A</TD> <TD>B</TD> <TD>C</TD>

        </TR>

        <TR>

                <TD>D</TD> <TD>E</TD> <TD>F</TD>

        </TR>

</TABLE>

</CENTER>

A TÁBLÁZAT SZÉLESSÉGÉNEK BEÁLLÍTÁSA, ALTÁBLÁZATOK

Item 1

Item 2

Item A

Item B

Item 4

<TABLE BORDER WIDTH="50%">

        <TR><TD>Item 1</TD><TD>Item 2</TD>

        </TR>

        <TR><TD>

            <TABLE BORDER WIDTH=100%>

                <TR><TD>Item A</TD><TD>Item B</TD>

                </TR>

            </TABLE>

            </TD>

            <TD>Item 4</TD>

        </TR>

</TABLE>

HEIGHT=15%

MAGASSÁG=15%	2 ADAT
3	4

<TABLE BORDER WIDTH="50%" HEIGHT="15%">

        <TR><TD>MAGASSÁG=15%</TD> <TD>2 ADAT</TD>

        </TR>

        <TR><TD>3</TD><TD>4</TD>

        </TR>

</TABLE>

VÉGE

Vissza