Tag HTML <div>
Esempio
Una sezione <div> in un documento con uno stile 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>
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
Il <div>
tag definisce una divisione o una sezione in un documento HTML.
Il <div>
tag viene utilizzato come contenitore per elementi HTML, che viene quindi stilizzato con CSS o manipolato con JavaScript.
Il <div>
tag è facilmente stilizzato utilizzando l'attributo class o id.
Qualsiasi tipo di contenuto può essere inserito all'interno del <div>
tag!
Nota: per impostazione predefinita, i browser inseriscono sempre un'interruzione di riga prima e dopo l' <div>
elemento.
Supporto browser
Element | |||||
---|---|---|---|---|---|
<div> | Yes | Yes | Yes | Yes | Yes |
Attributi globali
Il <div>
tag supporta anche gli attributi globali in HTML .
Attributi dell'evento
Il <div>
tag supporta anche gli attributi dell'evento in HTML .
Pagine correlate
Tutorial HTML: blocco HTML ed elementi in linea
Esercitazione HTML: layout HTML
Riferimento HTML DOM: Div Object
Impostazioni CSS predefinite
La maggior parte dei browser visualizzerà l' <div>
elemento con i seguenti valori predefiniti:
Esempio
div {
display: block;
}