REPOZYTORIUM

mganczarczyk.pl
October 08, 2019

Dodane przez: Administrator

E14 - HTML - tabele

pai — 4Ti1

Proste zadanie z tabel w HTML.

<!DOCTYPE html>
<html lang="pl">

<head>
    <meta charset="UTF-8" />
    <title>Marcel Gańczarczyk 4Ti1 - Tabele zadania</title>
    <meta name="keywords" content="HTML, zadania HTML, podstawy, pai, wai" />
    <meta name="description" content="Bardzo ładne tabelki" />
    <meta name="author" content="Marcel Gańczarczyk" />
</head>

<body>
    <h2>Tabela 1 - prosta tabelka</h2>
    <table border="1px">
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>b1</td>
            <td>b2</td>
            <td>b3</td>
        </tr>
    </table>
    <h2>Tabela 2</h2>
    <table border="1px" width="300px" cellpadding="5" cellspacing="10">
        <tr>
            <th>H1</th>
            <th>H2</th>
            <th>H3</th>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>a</td>
            <td>b</td>
            <td>c</td>
        </tr>
    </table>
    <h2>Tabela 3</h2>
    <table border="1px" width="400px" cellpadding="0" cellspacing="0">
        <tr>
            <th>1991</th>
            <th>1992</th>
            <th>1993</th>
            <th>1994</th>
        </tr>
        <tr>
            <td>1150</td>
            <td>1240</td>
            <td>1380</td>
            <td>1420</td>
        </tr>
        <tr>
            <td>1150</td>
            <td>1240</td>
            <td>1380</td>
            <td>1420</td>
        </tr>
        <tr>
            <td>1150</td>
            <td>1240</td>
            <td>1380</td>
            <td>1420</td>
        </tr>
    </table>
    <h2>Tabela 4</h2>
    <table border="1px" width="400px">
        <tr>
            <th>1991</th>
            <th>1992</th>
            <th>1994</th>
            <th>1995</th>
        </tr>
        <tr>
            <td rowspan="3">x</td>
            <td>y</td>
            <td>z</td>
            <td rowspan="3">w</td>
        </tr>
        <tr>
            <td>g</td>
            <td>g</td>
        </tr>
        <tr>
            <td>1240</td>
            <td>1380</td>
        </tr>
    </table>
    <h2>Tabela 5</h2>
    <table border="1px" width="400px">
        <tr>
            <td colspan="2">x</td>
            <td colspan="2">y</td>
        </tr>
        <tr>
            <td>1991</td>
            <td>1992</td>
            <td>1993</td>
            <td>1994</td>
        </tr>
        <tr>
            <td>1150</td>
            <td>1240</td>
            <td>1380</td>
            <td>1420</td>
        </tr>
        <tr>
            <td>1150</td>
            <td>1240</td>
            <td>1380</td>
            <td>1420</td>
        </tr>
    </table>
    <h2>Tabela 6</h2>
    <table border="1px" width="400px">
        <tr>
            <td colspan="2">x</td>
            <td colspan="2">y</td>
        </tr>
        <tr>
            <td rowspan="3">1991</td>
            <td>1992</td>
            <td>1993</td>
            <td rowspan="3">1994</td>
        </tr>
        <tr>
            <td>1240</td>
            <td>1380</td>
        </tr>
        <tr>
            <td>1240</td>
            <td>1380</td>
        </tr>
    </table>
    <h2>Tabela 7</h2>
    <table border="1px" width="400px">
        <tr>
            <td colspan="4">1150</td>
        </tr>
        <tr>
            <td rowspan="3">1150</td>
            <td>1240</td>
            <td>1380</td>
            <td>1420</td>
        </tr>
        <tr>
            <td>1240</td>
            <td>1380</td>
            <td>1420</td>
        </tr>
        <tr>
            <td>1240</td>
            <td colspan="2">1420</td>
        </tr>
    </table>
    <h2>Tabela 8</h2>
    <table border="1px" width="500px">
        <caption>Wzrost produkcji masła i margaryny w latach 1991-1995 (w mln USD)</caption>
        <tr>
            <th colspan="2"></th>
            <th colspan="2">1991-1992</th>
            <th colspan="3">1993-1995</th>
        </tr>
        <tr align="center">
            <th colspan="2">Masło</th>
            <td colspan="2">2390</td>
            <td colspan="3">4350</td>
        </tr>
        <tr align="center">
            <th colspan="2">Margaryna</th>
            <td>800</td>
            <td>900</td>
            <td>980</td>
            <td>1150</td>
            <td>1320</td>
        </tr>
    </table>
    <h2>Tabela 9</h2>
    <table border="1px" cellspacing="0" cellpading="0">
        <caption>Comparison of models</caption>
        <tr>
            <th>Model</th>
            <th>OS</th>
            <th>Display</th>
            <th>RAM</th>
        </tr>
        <tr>
            <th>Samsung Galaxy S7</th>
            <td rowspan="2">Android</td>
            <td>5.1"</td>
            <td>4 GB</td>
        </tr>
        <tr>
            <th>Sony Xperia Z5</th>
            <td>4.6"</td>
            <td rowspan="2">2 GB</td>
        </tr>
        <tr>
            <th>Apple iPhone 6s</th>
            <td>iOS</td>
            <td>4.7"</td>
        </tr>
    </table>
</body>

</html>

—— Liczba komentarzy: 5 —— Musisz się zalogować, by móc dodawać komentarze.
Uprasza się o zamieszczenie kodu wersji dla epileptyków/tancerzy. lmao
Starly1231 October 13, 2019 15:57:00
Ty masz kod wersji dla epileptyków. :>
Administrator October 13, 2019 16:28:37
Bo od nowa pisać tego nie będę xd
Administrator October 13, 2019 17:03:20
No, w ten sposób co to było napisane, to iksde xD
Kodu przy sobie niemam rn, ale jak będę mieć, to przyniosę. ;v
Starly1231 October 14, 2019 08:51:56