5. Jakie są różnice między tagami <div> i <span>?

Tagi <div> i <span> to elementy używane do grupowania i stylizacji treści w HTML, ale różnią się sposobem, w jaki wpływają na układ strony.

Różnice:

1. Blokowy vs. Inline: <div> jest elementem blokowym, co oznacza, że zajmuje całą szerokość dostępnego miejsca i zawsze zaczyna się od nowej linii. <span> jest elementem inline, co oznacza, że zajmuje tylko tyle miejsca, ile potrzeba, i nie zaczyna nowej linii.
2. Użycie: <div> jest używany do grupowania większych sekcji treści, takich jak paragrafy, obrazy i inne elementy blokowe. <span> jest używany do stylizacji małych fragmentów tekstu lub innych elementów inline wewnątrz większych elementów.

Przykład użycia <div>:

<div>
    <h1>Tytuł Sekcji</h1>
    <p>To jest paragraf wewnątrz elementu div.</p>
</div>

Przykład użycia <span>:

<p>To jest <span style="color: red;">czerwony tekst</span> wewnątrz paragrafu.</p>