HTML tag <div>
Příklad
Sekce <div> v dokumentu, který má styl CSS:
<html>
<head>
<style>
.myDiv {
border: 5px outset red;
background-color: lightblue;
text-align: center;
}
</style>
</head>
<body>
<div class="myDiv">
<h2>This is a heading
in a div element</h2>
<p>This is some text in a div element.</p>
</div>
</body>
</html>
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Značka <div>
definuje rozdělení nebo sekci v dokumentu HTML.
Značka <div>
se používá jako kontejner pro prvky HTML – které se pak stylizují pomocí CSS nebo se s nimi manipuluje pomocí JavaScriptu.
Tag <div>
lze snadno stylizovat pomocí atributu class nebo id.
<div>
Do štítku lze vložit jakýkoli obsah !
Poznámka: Ve výchozím nastavení prohlížeče vždy umístí zalomení řádku před a za <div>
prvek.
Podpora prohlížeče
Element | |||||
---|---|---|---|---|---|
<div> | Yes | Yes | Yes | Yes | Yes |
Globální atributy
Značka <div>
také podporuje globální atributy v HTML .
Atributy události
Značka <div>
také podporuje atributy událostí v HTML .
Související stránky
HTML tutoriál: HTML Block and Inline Elements
HTML tutoriál: HTML Layout
HTML DOM reference: Div Object
Výchozí nastavení CSS
Většina prohlížečů zobrazí <div>
prvek s následujícími výchozími hodnotami:
Příklad
div {
display: block;
}