Ensisijainen ero div:n ja span:n välillä on niiden oletuskäyttäytyminen. Oletusarvoisesti
on lohkotason elementti ja on rivielementti. Toisin sanoen, jos haluat säätää pientä osaa tekstistä etkä katkaista sitä nykyisestä rivistä, käytä -merkkiä. Jos haluat muokata suurta jakoa, korkeutta, siirtää elementtiä tai sisältää muita elementtejä, käytä
.
Esimerkki HTML-tunnisteesta
Esimerkki HTML-tunnisteesta
Esimerkkiteksti siis punaista tekstiä ja esimerkki span tagista.
HTML-koodi
<p>Example text that is <span style="color:red;">red text</span> and an example of a span tag.</p>
Esimerkki HTML-tunnisteesta
Esimerkki div-tunnisteesta, jonka enimmäisleveys on 200 pikseliä ja jonka tausta on hopea.
HTML-koodi
<div style="width: 200px; background-color:#E5E4E2;padding:10px;margin-bottom:2em;">
<p>Example of a div tag with a maximum width of 200 pixels and a silver background.</p>
</div>
Esimerkki div-tunnisteesta, jonka enimmäisleveys on 200 pikseliä ja jonka tausta on hopea.
HTML-koodi
<div style="width: 200px; background-color:#E5E4E2;padding:10px;margin-bottom:2em;">
<p>Example of a div tag with a maximum width of 200 pixels and a silver background.</p>
</div>
Recent Articles
