HTML - tag div

Descrizione

Il tag HTML <div> viene utilizzato per definire una sezione del documento. Con il tag div, puoi raggruppare insieme ampie sezioni di elementi HTML e formattarli con CSS.

La differenza tra il tag div e il tag span è che il tag div viene utilizzato con elementi blocklevel mentre il tag span viene utilizzato con elementi inline.

Esempio

<!DOCTYPE html>
<html>

   <head>
      <title>HTML div Tag</title>
      <link rel = "stylesheet" href = "style2.css">
   </head>

   <body>
      <div id = "contentinfo">
         <p>Welcome to our website. We provide tutorials on various subjects.</p>
      </div>
   </body>

</html>

Ecco il file csss style2.css

#contentinfo p { 
   line-height: 20px;
   margin: 30px;
   padding-bottom: 20px; 
   text-align: justify;
   width: 140px;
   color: red; 
}

Questo produrrà il seguente risultato:

Attributi globali

Questo tag supporta tutti gli attributi globali descritti in HTML Attribute Reference

Attributi specifici

Il tag HTML <div> supporta anche i seguenti attributi aggiuntivi:

Attributo Valore Descrizione
autofocus autofocus Specifica

Attributi dell'evento

Questo tag supporta tutti gli attributi degli eventi descritti in HTML Events Reference

Supporto browser

Cromo Firefox IE musica lirica Safari Android