HTML tag <body>
Příklad
Jednoduchý HTML dokument:
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Tag <body>
definuje tělo dokumentu.
Prvek <body>
obsahuje veškerý obsah dokumentu HTML, jako jsou nadpisy, odstavce, obrázky, hypertextové odkazy, tabulky, seznamy atd.
Poznámka:<body>
V
dokumentu HTML může být pouze jeden prvek.
Podpora prohlížeče
Element | |||||
---|---|---|---|---|---|
<body> | Yes | Yes | Yes | Yes | Yes |
Globální atributy
Značka <body>
také podporuje globální atributy v HTML .
Atributy události
Značka <body>
také podporuje atributy událostí v HTML .
Další příklady
Příklad
Přidejte obrázek na pozadí do dokumentu (pomocí CSS):
<html>
<head>
<style>
body {
background-image: url(w3s.png);
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="https://www.w3schools.com">Visit W3Schools.com!</a></p>
</body>
Příklad
Nastavte barvu pozadí dokumentu (pomocí CSS):
<html>
<head>
<style>
body {
background-color: #E6E6FA;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p><a href="https://www.w3schools.com">Visit W3Schools.com!</a></p>
</body>
Příklad
Nastavte barvu textu v dokumentu (pomocí CSS):
<html>
<head>
<style>
body {
color: green;
}
</style>
</head>
<body>
<h1>Hello world!</h1>
<p>This is some text.</p>
<p><a href="https://www.w3schools.com">Visit W3Schools.com!</a></p>
</body>
</html>
Příklad
Nastavte barvu nenavštívených odkazů v dokumentu (pomocí CSS):
<html>
<head>
<style>
a:link {
color:#0000FF;
}
</style>
</head>
<body>
<p><a
href="https://www.w3schools.com">W3Schools.com</a></p>
<p><a
href="https://www.w3schools.com/html/">HTML Tutorial</a></p>
</body>
</html>
Příklad
Nastavte barvu aktivních odkazů v dokumentu (pomocí CSS):
<html>
<head>
<style>
a:active {
color:#00FF00;
}
</style>
</head>
<body>
<p><a
href="https://www.w3schools.com">W3Schools.com</a></p>
<p><a
href="https://www.w3schools.com/html/">HTML Tutorial</a></p>
</body>
</html>
Příklad
Nastavte barvu navštívených odkazů v dokumentu (pomocí CSS):
<html>
<head>
<style>
a:visited {
color:#FF0000;
}
</style>
</head>
<body>
<p><a
href="https://www.w3schools.com">W3Schools.com</a></p>
<p><a
href="https://www.w3schools.com/html/">HTML Tutorial</a></p>
</body>
</html>
Související stránky
HTML tutoriál: HTML Elements
HTML DOM reference: Body Object
HTML DOM reference: document.body Property
Výchozí nastavení CSS
Většina prohlížečů zobrazí <body>
prvek s následujícími výchozími hodnotami:
Příklad
body {
display: block;
margin: 8px;
}
body:focus {
outline: none;
}