e-gradiva     HTML CSS JavaScript Načrtovanje    
  logotip  
SERŠ Maribor Iskanje Primeri

<div> ... </div>

Atributi: class | dir | id | onclick | ondblclick | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | style | title | xml:lang
Starši: blockquote | body | button | dd | del | div | fieldset | form | ins | li | map | noscript | object | td | th
Otroci: #PCDATA | a | abbr | acronym | address | bdo | big | blockquote | br | button | cite | code | del | dfn | div | dl | em | fieldset | form | h1 | h2 | h3 | h4 | h5 | h6 | hr | img | input | ins | kbd | label | map | noscript | object | ol | p | pre | q | samp | script | select | small | span | strong | sub | sup | table | textarea | tt | ul | var

Element div se uporablja za označevanje bloka v dokumentu HTML. Elementi div so lahko tudi gnezdeni. Element nima privzetega nikakršnega oblikovanja. Omogoča pa razdelitev dokumenta HTML na bloke. Vsakega od teh blokov pa je mogoče neposredno in neodvisno upravljati.

Mogoče je na primer s pomočjo slogovnih predlog vsakemu od teh blokov določiti neodvisno (absolutno) pozicijo v dokumentu, različne obrobe, pisave, barve.

V nasprotju z elementom div, je element span vrstični element. Ima pa podobno nalogo kot div.

Primera

<div id="client-prejac" class="client">
<p><span class="client-title">informacije o uporabniku:</span>
<table class="client-data">
<tr><th>priimek:<td>Prejac</tr>
<tr><th>ime:<td>Štefka</tr>
<tr><th>tel:<td>041-234-567 </tr>
<tr><th>e-pošta:<td>sp@vino.org</tr>
</table>
</div>

<div id="client-brumec" class="client">
<p><span class="client-title">informacije o uporabniku:</span>
<table class="client-data">
<tr><th>priimek:<td>Brumec</tr>
<tr><th>ime:<td>Jožica</tr>
<tr><th>tel:<td>041-325-567 </tr>
<tr><th>e-pošta:<td>jozica@brumec.net</tr>
</table>
</div>

→ CSSUporaba div in span v slogovnih predlogah

SERŠ Maribor : Strokovna gimnazija : 2004 : Davorin Lenart