Untitled

<!doctype html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <title>Formatowanie</title>
    <link rel="stylesheet" href="styl2.css">
</head>
<body>
    <header>
        <h1>Formatowanie dokumentów HTML</h1>
    </header>
    <section id="top1">
        <h2>Przykład listy - hobby</h2>
        <ul>
            <li>muzyka</li>
            <li>turystyka
                <ol>
                    <li>góry</li>
                    <li>jeziora</li>
                    <li>na rowerze</li>
                </ol>
            </li>
            <li>książki</li>
        </ul>
    </section>
    <section id="top2">
        <h2>Przykład tabeli - rozkład dnia</h2>
        <table>
            <tr>
                <th>Pora dnia</th>
                <th>obowiązki</th>
            </tr>
            <tr>
                <td>rano</td>
                <td>nauka</td>
            </tr>
            <tr>
                <td>południe</td>
                <td>zajęcia dodatkowe</td>
            </tr>
            <tr>
                <td>popołudnie</td>
                <td rowspan="2">moje hobby</td>
            </tr>
            <tr>
                <td>wieczór</td>
            </tr>
        </table>
    </section>
    <section id="top3">
        <img src="napisy.png" alt="technologia web">
    </section>
    <main>
        <p>Podaj rozmiar tekstu w procentach: <input type="number">%</p>
        <p>
            <select>
                <option>prosty</option>
                <option>kursywa</option>
            </select>
        </p>
        <p>Jakim kolorem sformatować tekst? Wybierz przycisk</p>
        <input type="submit">
        <input type="submit">
        <input type="submit">
        <p>To jest przykład paragrafu, który może być dowolnie formatowany przez Java Script</p>
    </main>
    <footer>
        <p>Formatowaniem tekstu zajmował się: <i>12345678901</i></p>
        <a href="http://formatowanie.pl" target="_blank">Odwiedź także</a>
    </footer>
</body>
</html>