HTML elementus var savienot un grupēt kopā ar <div> un <span>.

HTML bloka elementi

Lielākā daļa HTML elementu tiek definēti kā bloka līmeņa elementi vai arī kā inline
elementi.

Bloka līmeņa elementi parasti sākas (un beigas) ar jaunu līniju, kas ir redzams
pārlūkprogrammā.

Piemēri: <h1>, <p>, <ul>, <table>, <div>

HTML Inline (līnijas) elementi

Inline elementi parasti tiek parādīti neuzsākot jaunu līniju.

Piemēri: <b>, <td>, <a>, <img>

HTML <div> Elements

HTML <div> elements ir bloka līmeņa elements, kas var un parasti arī IR izmantots kā
konteiners grupēšanai un satur citus HTML elementus.

 <div> Elementam pēc noklusējuma nav īpašas nozīmes. Izņemot to, ka tas ir bloka līmeņa elements, pārlūkprogramma parādīs rindiņas pārtraukumu pirms un pēc tā.

Ja to lieto kopā ar CSS, <div> elements var tikt izmantots, lai iestatītu stilu atribūtiem,
elementiem, kas ir iekšā, atrodas tajā tegā.

 Šobrīd ja apskatīties, ka tiek veidotas web lapas, izmantojot
viewPageSource, var redzēt, ka <div> tegs ir izmantots visur vairāk
vai mazāk, tas nozīmē ka Jums jāsaprot tā tega būtība, jo pēc tam
bieži nāksies to izmantot. Manā vietnē, nākošais raksts būs par
LAYOUT (izkārtojums) izveidošanu, iesaku to apskatīties.

Vēl viena kopīga izmantošana <div> elements, ir dokumenta noformēšanā. Tas aizvieto
"veco ceļu" definēt izkārtojumu, izmantojot tabulas. Izmantojot <table> elementus
izkārtojums nav pareiza izmantošana <table>. No <table> elementa mērķis ir parādīt
tabulas datiem.

HTML <span> Element

HTML <span> elements ir inline (līnijas elements, vai iebūvēts līnijā )elements,
kas var tikt izmantots kā teksta konteiners. Parasti tiek izmantots, ja saturā ir vārdi vai
teikumi kurus vajag izcelt ar kādu fontu, krāsu.

<span> pats pa sevi ka tegs neko nedod, bet ja to izmanto ar CSS tabulām, tad jēga ir
acimredzama.

Ja to lieto kopā ar CSS, <span> elementu var izmantot, lai noteiktu stila atribūtus
teksta daļām.

HTML grupēšanas tegi, vēl nianse
parasti html kodā ir sekojoša sintakse, <div>saturs...</div>, un ar <span>saturs..tapat</span>