Znak <body> HTML

Definicja i użycie

<body> Tag <body> definiuje główną część dokumentu.

Metadane dokumentu HTML i informacje o dokumencie są zawarte w elemencie head, a zawartość dokumentu jest zawarta w elemencie body.

Element body zawsze znajduje się zaraz po elemencie head, jest drugim dzieckiem elementu html.

<body> Element zawiera wszystkie zawartości dokumentu HTML, takie jak tytuły, akapity, obrazy, hiperłącza, tabele, listy itp.

Uwaga:W jednym dokumencie HTML można mieć tylko jeden <body> Element.

Przykład

Jednostajny, ale kompletny dokument HTML:

<!DOCTYPE html>
<html>
  <head>
    <title>Tytuł dokumentu</title>
  </head>
  <body>
    <h1>To jest tytuł</h1>
    <p>To jest akapit.</p>
  </body>
</html>

Spróbuj sam

Wskazówka:Więcej przykładów znajduje się na dole strony.

Globalne atrybuty

<body> Tagi obsługują również Globalne atrybuty w HTML.

Atrybuty zdarzeń

<body> Tagi obsługują również Atrybuty zdarzeń w HTML.

Domyślne ustawienia CSS

Większość przeglądarek użyje następujących domyślnych wartości do wyświetlania <body> Element:

body {
  display: block;
  margin: 8px;
}
body:focus {
  outline: none;
}

Spróbuj sam

Więcej przykładów

Przykład 1

Dodaj obraz tła do dokumentu (używając CSS):

<html>
<head>
<style>
body {
  background-image: url(w3s.png);
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="">Odwiedź codew3c.com!</a></p>
</body>

Spróbuj sam

Przykład 2

Ustawienie koloru tła dokumentu (używając CSS):

<html>
<head>
<style>
body {
  background-color: #E6E6FA;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="https://www.codew3c.com">Odwiedź codew3c.com!</a></p>
</body>

Spróbuj sam

Przykład 3

Ustawienie koloru tekstu dokumentu (używając CSS):

<html>
<head>
<style>
body {
  color: green;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p>To jest tekst.</p>
<p><a href="">Odwiedź codew3c.com!</a></p>
</body>
</html>

Spróbuj sam

Przykład 4

Ustawienie koloru linków niez odwiedzonych w dokumencie (używając CSS):

<html>
<head>
<style>
a:link {
  color:#0000FF;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">Tutorial HTML</a></p>
</body>
</html>

Spróbuj sam

Przykład 5

Ustawienie koloru linków aktywnych w dokumencie (używając CSS):

<html>
<head>
<style>
a:active {
  color:#00FF00;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">Tutorial HTML</a></p>
</body>
</html>

Spróbuj sam

Przykład 6

Ustawienie koloru linków odwiedzonych w dokumencie (używając CSS):

<html>
<head>
<style>
a:visited {
  color:#FF0000;
}
</style>
</head>
<body>
<p><a href="https://www.codew3c.com">codew3c.com</a></p>
<p><a href="https://www.codew3c.com/html/">Tutorial HTML</a></p>
</body>
</html>

Spróbuj sam

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie