HTML- blok en inlyn-elemente
Elke HTML-element het 'n verstek vertoonwaarde, afhangend van watter tipe element dit is.
Daar is twee vertoonwaardes: blok en inlyn.
Blokvlak-elemente
'n Blokvlak-element begin altyd op 'n nuwe lyn.
'n Blokvlak-element neem altyd die volle wydte wat beskikbaar is op (strek uit na links en regs so ver as wat dit kan).
'n Blokvlakelement het 'n boonste en 'n onderste marge, terwyl 'n inlynelement nie.
Voorbeeld
<div>Hello World</div>
Hier is die blokvlak-elemente in HTML:
Inlyn elemente
'n Inlyn-element begin nie op 'n nuwe lyn nie.
'n Inlyn-element neem net soveel breedte op as wat nodig is.
Dit is ' n <span> element binne 'n paragraaf.
Voorbeeld
<span>Hello World</span>
Hier is die inlyn-elemente in HTML:
Let wel: 'n Inlyn-element kan nie 'n blokvlak-element bevat nie!
Die <div> Element
Die <div>
element word dikwels gebruik as 'n houer vir ander HTML-elemente.
Die <div>
element het geen vereiste eienskappe nie, maar style
, class
en id
is algemeen.
Wanneer dit saam met CSS gebruik word, kan die <div>
element gebruik word om blokke inhoud te styl:
Voorbeeld
<div style="background-color:black;color:white;padding:20px;">
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div>
Die <span>-element
Die <span>
element is 'n inlynhouer wat gebruik word om 'n deel van 'n teks of 'n deel van 'n dokument te merk.
Die <span>
element het geen vereiste eienskappe nie, maar style
, class
en id
is algemeen.
Wanneer dit saam met CSS gebruik word, kan die <span>
element gebruik word om dele van die teks te styl:
Voorbeeld
<p>My mother has <span style="color:blue;font-weight:bold">blue</span> eyes
and my father has <span style="color:darkolivegreen;font-weight:bold">dark
green</span> eyes.</p>
Hoofstuk Opsomming
- Daar is twee vertoonwaardes: blok en inlyn
- 'n Blokvlak-element begin altyd op 'n nuwe lyn en neem die volle beskikbare breedte op
- 'n Inlyn-element begin nie op 'n nuwe lyn nie en dit neem net soveel breedte op as wat nodig is
- Die
<div>
element is 'n blokvlak en word dikwels as 'n houer vir ander HTML-elemente gebruik - Die
<span>
element is 'n inlynhouer wat gebruik word om 'n deel van 'n teks of 'n deel van 'n dokument te merk
HTML-etikette
Tag | Description |
---|---|
<div> | Defines a section in a document (block-level) |
<span> | Defines a section in a document (inline) |
Vir 'n volledige lys van alle beskikbare HTML-merkers, besoek ons HTML-merkerverwysing .