Sekcja <body> w HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Sekcja <body> w HTML

Sekcja <body> zawiera właściwą, widoczną zawartość strony internetowej. To w niej umieszcza się elementy wyświetlane użytkownikowi w przeglądarce, np. nagłówki, akapity, obrazy, formularze, tabele, przyciski oraz inne elementy interfejsu.

Miejsce w strukturze dokumentu

Element <body> znajduje się wewnątrz znacznika <html>, po sekcji <head>:

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="UTF-8">
  <title>Przykładowa strona</title>
</head>
<body>
  <h1>Witaj na stronie</h1>
  <p>To jest treść dokumentu.</p>
</body>
</html>

JavaScript w sekcji <body>

Kod JavaScript można umieszczać w sekcji <body> za pomocą znacznika <script>. Często robi się to pod koniec dokumentu, tuż przed zamknięciem </body>, aby najpierw zostały wczytane elementy HTML, na których skrypt będzie działał.

<body>
  <button id="przycisk">Kliknij</button>

  <script>
    document.getElementById("przycisk").onclick = function() {
      alert("Kliknięto przycisk");
    };
  </script>
</body>

Najważniejsze informacje

  • <body> przechowuje widoczną treść strony.
  • W dokumencie HTML powinien występować jeden element <body>.
  • Skrypty JavaScript mogą być umieszczane zarówno w <head>, jak i w <body>.
  • Do kodu JavaScript służy znacznik <script>, a nie <java>.