HTML -kenmerke
HTML-kenmerke verskaf bykomende inligting oor HTML-elemente.
HTML-kenmerke
- Alle HTML-elemente kan eienskappe hê
- Eienskappe verskaf bykomende inligting oor elemente
- Eienskappe word altyd in die beginmerker gespesifiseer
- Eienskappe kom gewoonlik in naam/waarde-pare soos: naam="waarde"
Die href-kenmerk
Die <a>
merker definieer 'n hiperskakel. Die
href
kenmerk spesifiseer die URL van die bladsy waarheen die skakel gaan:
Voorbeeld
<a href="https://www.w3schools.com">Visit W3Schools</a>
Jy sal meer leer oor skakels in ons HTML-skakels-hoofstuk .
Die src-kenmerk
Die <img>
merker word gebruik om 'n prent in 'n HTML-bladsy in te sluit. Die src
kenmerk spesifiseer die pad na die prent wat vertoon moet word:
Voorbeeld
<img src="img_girl.jpg">
Daar is twee maniere om die URL in die src
kenmerk te spesifiseer:
1. Absolute URL - Skakels na 'n eksterne prent wat op 'n ander webwerf gehuisves word. Voorbeeld: src="https://www.w3schools.com/images/img_girl.jpg" .
Notas: Eksterne beelde kan onder kopiereg wees. As jy nie toestemming kry om dit te gebruik nie, kan jy kopieregwette oortree. Daarbenewens kan jy nie eksterne beelde beheer nie; dit kan skielik verwyder of verander word.
2. Relatiewe URL - Skakels na 'n prent wat binne die webwerf gehuisves word. Hier sluit die URL nie die domeinnaam in nie. As die URL sonder 'n skuinsstreep begin, sal dit relatief tot die huidige bladsy wees. Voorbeeld: src="img_girl.jpg". As die URL met 'n skuinsstreep begin, sal dit relatief tot die domein wees. Voorbeeld: src="/images/img_girl.jpg".
Wenk: Dit is amper altyd die beste om relatiewe URL's te gebruik. Hulle sal nie breek as jy van domein verander nie.
Die breedte en hoogte eienskappe
Die <img>
merker moet ook die
width
en
height
kenmerke bevat, wat die breedte en hoogte van die prent (in piksels) spesifiseer:
Voorbeeld
<img src="img_girl.jpg" width="500" height="600">
Die alt-kenmerk
Die vereiste alt
kenmerk vir die <img>
merker spesifiseer 'n alternatiewe teks vir 'n prent, as die prent om een of ander rede nie vertoon kan word nie. Dit kan wees as gevolg van stadige verbinding, of 'n fout in die src
kenmerk, of as die gebruiker 'n skermleser gebruik.
Voorbeeld
<img src="img_girl.jpg" alt="Girl
with a jacket">
Voorbeeld
Kyk wat gebeur as ons probeer om 'n prent te vertoon wat nie bestaan nie:
<img src="img_typo.jpg" alt="Girl
with a jacket">
Jy sal meer oor beelde leer in ons HTML Beelde hoofstuk .
Die stylkenmerk
Die style
kenmerk word gebruik om style by 'n element te voeg, soos kleur, lettertipe, grootte en meer.
Voorbeeld
<p style="color:red;">This is a red paragraph.</p>
Jy sal meer oor style leer in ons HTML-style hoofstuk .
Die lang kenmerk
Jy moet altyd die lang
kenmerk in die <html>
merker insluit om die taal van die webblad te verklaar. Dit is bedoel om soekenjins en blaaiers te help.
Die volgende voorbeeld spesifiseer Engels as die taal:
<!DOCTYPE html>
<html lang="en">
<body>
...
</body>
</html>
Landkodes kan ook by die taalkode in die lang
kenmerk gevoeg word. Dus, die eerste twee karakters definieer die taal van die HTML-bladsy, en die laaste twee karakters definieer die land.
Die volgende voorbeeld spesifiseer Engels as die taal en die Verenigde State as die land:
<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>
Jy kan al die taalkodes in ons HTML -taalkodeverwysing sien .
Die titel Kenmerk
Die title
kenmerk definieer 'n paar ekstra inligting oor 'n element.
Die waarde van die titelkenmerk sal as 'n nutswenk vertoon word wanneer jy oor die element beweeg:
Voorbeeld
<p title="I'm a tooltip">This is a paragraph.</p>
Ons stel voor: Gebruik altyd kleinletterkenmerke
Die HTML-standaard vereis nie kleinletterkenmerkname nie.
Die titelkenmerk (en alle ander kenmerke) kan met hoofletters of kleinletters soos titel of TITLE geskryf word .
W3C beveel egter kleinletter-kenmerke in HTML aan, en eis kleinletter-kenmerke vir strenger dokumenttipes soos XHTML.
By W3Schools gebruik ons altyd kleinletterkenmerkname.
Ons stel voor: Haal altyd kenmerkwaardes aan
Die HTML-standaard vereis nie aanhalings rondom kenmerkwaardes nie.
W3C beveel egter aanhalings in HTML aan, en eis kwotasies vir strenger dokumenttipes soos XHTML.
Goed:
<a href="https://www.w3schools.com/html/">Visit our HTML tutorial</a>
Slegte:
<a href=https://www.w3schools.com/html/>Visit our HTML tutorial</a>
Soms moet jy aanhalings gebruik. Hierdie voorbeeld sal nie die titelkenmerk korrek vertoon nie, want dit bevat 'n spasie:
Voorbeeld
<p
title=About W3Schools>
By W3Schools gebruik ons altyd aanhalings rondom kenmerkwaardes.
Enkel- of dubbelaanhalingstekens?
Dubbele aanhalings om kenmerkwaardes is die algemeenste in HTML, maar enkele aanhalings kan ook gebruik word.
In sommige situasies, wanneer die kenmerkwaarde self dubbele aanhalingstekens bevat, is dit nodig om enkele aanhalingstekens te gebruik:
<p title='John "ShotGun" Nelson'>
Of andersom:
<p title="John 'ShotGun' Nelson">
Hoofstuk Opsomming
- Alle HTML-elemente kan eienskappe hê
- Die
href
kenmerk van<a>
spesifiseer die URL van die bladsy waarheen die skakel gaan - Die
src
kenmerk van<img>
spesifiseer die pad na die prent wat vertoon moet word - Die
width
enheight
kenmerke van<img>
verskaf grootte inligting vir beelde - Die
alt
kenmerk van<img>
verskaf 'n alternatiewe teks vir 'n prent - Die
style
kenmerk word gebruik om style by 'n element te voeg, soos kleur, lettertipe, grootte en meer - Die
lang
kenmerk van die<html>
merker verklaar die taal van die webblad - Die
title
kenmerk definieer 'n paar ekstra inligting oor 'n element
HTML-oefeninge
HTML-kenmerkverwysing
'n Volledige lys van alle eienskappe vir elke HTML-element, word gelys in ons: HTML Attribuut Reference .