Untitled

<!DOCTYPE html>
<html lang="hu">
    <head>
        <title>Táblázat</title>
        <meta charset="UTF-8">
    </head>
    <body>
        <h2>Egyszerű táblázat</h2>
        <table border="1">
            <caption>Ez a táblázat címe</caption>
            <tr>
                <th>1. sor - oszlopfejléc</th>
                <th>2. oszlop fejléc</th>
                <th>3. oszlop fejléc</th>
            </tr>
            <tr>
                <th>2. sor fejléc</th>
                <td>1. sor és 1. oszlop</td>
                <td>1. sor és 2. oszlop</td>
            </tr>
            <tr>
                <th>3. sor fejléc</th>
                <td>2. sor 1. oszlop</td>
                <td>2. sor 2. oszlop</td>
            </tr>
        </table>

        <h2>Oszlopátfogás</h2>
        <table border="2">
            <tr>
                <td colspan="2">1. sor két összevont cellája</td>
            </tr>
            <tr>
                <td>2. sor első oszlop</td>
                <td>2. sor második oszlop</td>
            </tr>
        </table>

        <h2>Sorátfogás</h2>
        <table border="2">
            <tr>
                <td rowspan="2">1. oszlop összevont cellája</td>
                <td>1. sor 2. oszlop</td>
            </tr>
            <tr>
                <td>2. sor 2. oszlop </td>
            </tr>
        </table>
    </body>
</html>