Organizzare il testo

questo é un titolo (h3)

questo é un titolo (h3) con un bordo di 3 pixel, dotted, blue

questo é un titolo (h3) con un bordo di 3 pixel, dashed, orange

questo é un titolo (h3) con un bordo di 3 pixel, solid, red

questo é un paragrafo(p)

questo é un paragrafo(p) con un bordo di 3 pixel, double, blue

questo é un paragrafo(p) con un bordo di 3 pixel, groove, orange

questo é un paragrafo(p) con un bordo di 3 pixel, ridge, red

questo é un div
questo é un div con un bordo di 3 pixel, inset, blue
questo é un div con un bordo di 3 pixel, outset, orange
questo é un div con un bordo di 3 pixel, dashed, red
questo é uno span questo é uno span con un bordo di 3 pixel, solid, blue questo é uno span con un bordo di 3 pixel, dotted, orange questo é uno span con un bordo di 3 pixel, dashed, red

spiegazione:
qui vediamo all'opera i vari tipi di contenitori che l'HTML ci offre. Per renderli più evidenti abbiamo dato loro una larghezza, un'altezza, e un bordo colorati di diverso colore, tipo e spessore (cose che approfondiremo in seguito).
Come si può vedere i titoli e il paragrafi hanno di default un margine per separarli dall'elemnto che segue. I div non hanno margine ma il testo successivo viene mandato a capo. Negli span non vi é nemmeno l'invio a capo del testo che segue.

cont1 ... cont2 ...... cont4 ... cont5 --- corso HTML