Táblázat létrehozása
<table border="1" cellspacing=5 cellpadding=10>
<tr><td>.</td><td>.</td></tr>
<tr><td>.</td><td>.</td></tr>
</table>
cellspacing: az egyes cellák közötti távolságot jelöli
cellpadding: cellán belül, a cellaszélek és a cella tartalma közötti távolságot jelöli
----------
| Fejléc | 1. oszlop | 2. oszlop | 3. oszlop |
| 1. sor | 1-1 | 2-1 | 3-1 |
| 2. sor | 1-2 | 2-2 | 3-2 |
| 3. sor | 1-3 | 2-3 | 3-3 |
| 4. sor | 1-4 | 2-4 | 3-4 |
| 5. sor | 1-5 | 2-4 | 3-5 |
| 6. sor | 1-6 | 2-6 | 3-6 |
<table border="1" width="600" >
<tr><th width="100" align="right">Fejléc</th><th width="200" align="center">1. oszlop</th><th width="200" align="left">2. oszlop</th><th width="100">3. oszlop</th></tr>
<tr align="center"><th>1. sor</th><td>1-1</td><td>2-1</td><td>3-1</td></tr>
<tr align="center"><th>2. sor</th><td>1-2</td><td>2-2</td><td>3-2</td></tr>
<tr align="center"><th>3. sor</th><td>1-3</td><td>2-3</td><td>3-3</td></tr>
<tr><th>4. sor</th><td>1-4</td><td>2-4</td><td>3-4</td></tr>
<tr><th>5. sor</th><td>1-5</td><td>2-4</td><td>3-5</td></tr>
<tr><th>6. sor</th><td>1-6</td><td>2-6</td><td>3-6</td></tr>
</table>
Táblázat fejléccel és lábléccel
Csak fejléccel
| Name |
ID |
Favorite Color |
| Jim |
00001 |
Blue |
| Sue |
00002 |
Red |
<table>
<thead>
<tr>
<th>Name</th>
<th>ID</th>
<th>Favorite Color</th>
</tr>
</thead>
<tr>
<td>Jim</td>
<td>00001</td>
<td>Blue</td>
</tr>
<tr>
<td>Sue</td>
<td>00002</td>
<td>Red</td>
</tr>
</table>
----------
Csak fejléc egyszerűbben:
| Fejléc 1 | Fejléc 2 |
| 1. oszlop | 2. oszlop |
<table>
<tr><th>Fejléc 1</th><th>Fejléc 2</th></tr>
<tr><td>1. oszlop</td><td>2. oszlop</td></tr>
</table>
----------
Fejléccel és lábléccel
| Name |
ID |
Favorite Color |
| Name |
ID |
Favorite Color |
| Jim |
00001 |
Blue |
| Sue |
00002 |
Red |
| Barb |
00003 |
Green |
<table>
<thead>
<tr>
<th>Name</th>
<th>ID</th>
<th>Favorite Color</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>ID</th>
<th>Favorite Color</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Jim</td>
<td>00001</td>
<td>Blue</td>
</tr>
<tr>
<td>Sue</td>
<td>00002</td>
<td>Red</td>
</tr>
<tr>
<td>Barb</td>
<td>00003</td>
<td>Green</td>
</tr>
</tbody>
</table>
Elválasztó vonal a két oszlop között
| 1. sor 1. elem |
1. sor 2. elem |
| 2. sor 1. elem |
2. sor 2. elem |
| 3. sor 1. elem |
3. sor 2. elem |
<table>
<tr><td>1. sor 1. elem</td>
<td style='border:none;border-right:solid 1.0pt;'>1. sor 2. elem</td>
<tr><td>2. sor 1. elem</td>
<td style='border:none;border-right:solid 1.0pt;'>2. sor 2. elem</td>
<tr><td>3. sor 1. elem</td>
<td style='border:none;border-right:solid 1.0pt;'>3. sor 2. elem</td>
</table>
?? Elválasztó vonal a két sor között
| 1. sor 1. elem |
1. sor 2. elem |
| 2. sor 1. elem |
2. sor 2. elem |
| 3. sor 1. elem |
3. sor 2. elem |
<table>
<tr><td>1. sor 1. elem</td>
<td>1. sor 2. elem</td>
<tr><td>2. sor 1. elem</td>
<td>2. sor 2. elem</td>
<tr><td>3. sor 1. elem</td>
<td>3. sor 2. elem</td>
</table>
Cellák egyesítése
Cellák egyesítése
| 1. oszlop 1.sor |
2. oszlop |
3. oszlop 1.sor |
| 1.oszlop 2. sor |
3.oszlop 2. sor |
| 1.oszlop 3. sor |
3.oszlop 3. sor |
<table border=1 cellspacing=0 cellpadding=0>
<tr>
<td valign=top>1. oszlop 1.sor</td>
<td valign=top rowspan=3 >2. oszlop</td>
<td valign=top >3. oszlop 1.sor</td>
</tr>
<tr>
<td valign=top>1.oszlop 2. sor</td>
<td valign=top>3.oszlop 2. sor</td>
</tr>
<tr>
<td valign=top>1.oszlop 3. sor</td>
<td valign=top>3.oszlop 3. sor</td>
</tr>
</table>
Cellák egyesítése: rowspan
<table border="1" cellpadding="10"> <tr> <td rowspan="2">1. - 4. elem</td> <td>2. elem</td> <td>3. elem</td> </tr> <tr> <td>5. elem</td> <td>6. elem</td> </tr> </table> | | 1. - 4. elem | 2. elem | 3. elem | | 5. elem | 6. elem | |
Cellák egyesítése: colspan
<table border="1" cellpadding="10"> <tr> <th colspan="2"; align="center">1. - 2. elem</th> </tr> <tr> <td>3. elem</td> <td>4. elem</td> </tr> <tr> <td>5. elem</td> <td>6. elem</td> </tr> </table> | | 1. - 2. elem | | 3. elem | 4. elem | | 5. elem | 6. elem | |
------------------
Táblázat egyenlet megoldásához
|
Szorozzuk meg az egyenlet mindkét oldalát 3-mal!
|
|
(4x-9):3 = 9
|
/ ×3
|
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td width=300 colspan=2 valign=top style='width:300pt;padding:0cm 5pt 0cm 50pt'>
Szorozzuk meg az egyenlet mindkét oldalát 3-mal!
</td>
</tr>
<tr>
<td width=100 valign=top style='width:100pt;padding:0cm 5pt 0cm 30pt'>
(4x-9):3 = 9
</td>
<td width=200 valign=top style='width:200pt;padding:0cm 5pt 0cm 5pt'>
/ ×3
</td>
</tr>
</table>
------------------
Táblázat prímtényezős felbontáshoz
2000
1000
500
250
125
25
5
1
|
2
2
2
2
5
5
5
|
<table border=0 cellspacing=10 cellpadding=10>
<tr>
<td valign=top style='border:none;border-right:solid 1.0pt;'>
2000
1000
500
250
125
25
5
1
</td>
<td valign=top style='border:none;'>
2
2
2
2
5
5
5
</td>
</tr>
</table>
------------------
Mennyi 1269 nyolcas számrendszerben?
1269
158
19
2
0
|
5
6
3
2
|
1269 : 8 osztás hányadosa 158; maradéka 5
158 : 8 osztás hányadosa 19; maradéka 6
19 : 8 osztás hányadosa 2; maradéka 3
2 : 8 osztás hányadosa 0; maradéka 2
|
Mennyi 1269 nyolcas számrendszerben?
<table border=0 cellspacing=10 cellpadding=10>
<tr>
<td valign=top style='border:none;border-right:solid 1.0pt;'>
1269
158
19
2
0
</td>
<td valign=top style='border:none;'>
5
6
3
2
</td>
<td valign=top style='border:none; width:300'>
1269 : 8 osztás hányadosa 158; maradéka 5
158 : 8 osztás hányadosa 19; maradéka 6
19 : 8 osztás hányadosa 2; maradéka 3
2 : 8 osztás hányadosa 0; maradéka 2
</td>
</tr>
</table>
| 2024 | január | február | március | április | május | június | július | augusztus | szeptember | október | november | december |
| 1. | | | | | | | | | | | | |
| 2. | | | | | | | | | | | | |
| 3. | | | | | | | | | | | | |
| 4. | | | | | | | | | | | | |
| 5. | | | | | | | | | | | | |
| 6. | | | | | | | | | | | | |
| 7. | | | | | | | | | | | | |
| 8. | | | | | | | | | | | | |
| 9. | | | | | | | | | | | | |
| 10. | | | | | | | | | | | | |
| 11. | | | | | | | | | | | | |
| 12. | | | | | | | | | | | | |
| 13. | | | | | | | | | | | | |
| 14. | | | | | | | | | | | | |
| 15. | | | | | | | | | | | | |
| 16. | | | | | | | | | | | | |
| 17. | | | | | | | | | | | | |
| 18. | | | | | | | | | | | | |
| 19. | | | | | | | | | | | | |
| 20. | | | | | | | | | | | | |
| 21. | | | | | | | | | | | | |
| 22. | | | | | | | | | | | | |
| 23. | | | | | | | | | | | | |
| 24. | | | | | | | | | | | | |
| 25. | | | | | | | | | | | | |
| 26. | | | | | | | | | | | | |
| 27. | | | | | | | | | | | | |
| 28. | | | | | | | | | | | | |
| 29. | | | | | | | | | | | | |
| 30. | | | | | | | | | | | | |
| 31. | | | | | | | | | | | | |