Kontenery div w HTML to elementy blokowe, które służą do grupowania innych elementów HTML. Div mogą być używane do:
- Uporządkowania treści na stronie internetowej. Div można wykorzystać do podzielenia strony na sekcje, takie jak nagłówek, menu, treść i stopka.
- Dostosowania wyglądu strony internetowej. Div można wykorzystać do dodania kolorów, czcionek i innych stylów do treści strony.
- Tworzenia interaktywnych elementów. Div można wykorzystać do tworzenia przycisków, menu rozwijanych i innych elementów, które reagują na interakcje użytkownika.
Przykłady zastosowania kontenerów div
Oto kilka przykładów zastosowania kontenerów div:
<div class="header">
<h1>Tytuł strony</h1>
</div>
<div class="content">
<p>Treść strony</p>
</div>
<div class="footer">
<p>Stopka strony</p>
</div>Atrybuty class w HTML
to sposób na grupowanie elementów HTML w celu ich późniejszego stylizowania za pomocą CSS. Atrybuty class są dodawane do elementów HTML w postaci słów oddzielonych od siebie spacjami.
Aby dodać styl do elementów HTML z atrybutem class, należy użyć właściwości CSS selector. Właściwość selector może być używana do wyboru elementów HTML na podstawie ich atrybutu class. Poniżej przykład wykorzystania klasy do zmiany tła kontenera.
.container {
background-color: red;
}