Lezione 12 - Corso Intermedio Html

Elemento di Blocco Div in Html


Elemento di Blocco Div


Il div è un tipo di elemento di blocco molto usato nel linguaggio html.
Il div è un blocco, e rappresenta un contenitore il cui interno può essere riempito con qualsiasi tipo di elemento come: immagini, tabelle, paragrafi, intestazioni, veramente possiamo riempirlo di tutto ciò che pensiamo sia utile al nostro codice.

Quidndi il div essendo un elemento di blocco va a prendersi una riga tutta per se.

Ma, se al div, che è un blocco, gli assegnamo una larghezza e un'altezza, a questo blocco gli diamo una dimesione ben precisa, e quindi, se ci riflettiamo, gli possiamo dare una grandezza adatta alle nostre esigenze. Stiamo facendo i primi passi per modellare la nostra pagina web e adattarla alle nostre esigenze.

Vediamolo subito nel codice:
<html>                      
 <head>			    
   <title>Elemento di Blocco - Div</title>
   <style>
	div {
		background:yellow;
		height:200px;
		width:600px;
	   }
   </style>
 </head>
 <body>			    
    <h1>Elemento di Blocco - Div</h1>  
    <p>Testo per scrivere del testo.Testo per scrivere del testo.
      Testo per scrivere del testo.Testo per scrivere del testo.
      Testo per scrivere del testo.Testo per scrivere del testo.
      Testo per scrivere del testo.
    <div>
      Testo per scrivere del testo.
      Testo per scrivere del testo.Testo per scrivere del testo.
      Testo pòre scrivere altro testo più lungo. Testo pòre scrivere altro 
      testo più lungo. Testo pòre scrivere altro testo più lungo.
    </div>
      Testo pòre scrivere altro testo più lungo. Testo pòre scrivere altro 
      testo più lungo.Testo pòre scrivere altro testo più lungo.
    </p>
    <div>
	  Altro testo semplice al di fuori di un paragrafo.
    </div>
  </body>                
</html>                    

Sullo schermo vediamo i due div che vanno a capo e si prendono una loro riga, ma avendogli assegnato una dimensione ben precisa assumono la grandezza da noi assegnatagli.