Elementele HTML Block și Inline. Elementul div. Elementul span.

Susține Lectii-Virtuale!

Elementul <div>

Elementul <div> este adesea folosit ca și container pentru alte elemente HTML.
Elementul <div> nu are atribute necesare, dar stilul (style), clasa (class) și id-ul (id) sunt comune.
Când este utilizat împreună cu CSS, elementul <div> poate fi utilizat pentru a aplica stiluri blocurilor de conținut:

Exemplu:

<div style="background-color:black;color:white;padding:20px;">
  <h2>London</h2>
  <p>Londra este capitala Angliei. Este cel mai populat oraș din Regatul Unit, cu o zonă metropolitană de peste 13 milioane de locuitori.</p>
</div>

Elementul <span>

Elementul <span> este adesea folosit ca un container pentru un text.
Elementul <span> nu are atribute necesare, stilul (style), clasa (class) și id-ul (id) sunt comune.
Când este utilizat împreună cu CSS, elementul <span> poate fi utilizat pentru a aplica stiluri blocurilor de conținut:

Exemplu:

<h1>My <span style="color:red">Important</span> Titlu</h1>

Gruparea etichetelor HTML
 

Etichetă	Descriere
<div>	Definește o secțiune dintr-un document (la nivel de block/block-level)
<span>	Definește o secțiune dintr-un document (inline)