Hoi PvanIngen,
Hola! - Ik moet even op de rem gaan staan bij bovengenoemde link naar webmasterstart.nl.
Dat je een afbeelding plaatst met:
HTML:
...
<img src="bestandsnaam.jpg">
...
... dat klopt. Maar dan houdt het wel zo'n beetje op.
=====
Wat er niet bij staat: om geldige html te zijn, moet er ook altijd een alt-eigenschap bij opgegeven worden. Dat kan ook een "lege alt" zijn (met niets tussen de aanhalingstekens, ook geen spatie):
HTML:
...
<img src="bestandsnaam.jpg" alt="logo van ons bedrijf">
... of:
<img src="bestandsnaam.jpg" alt="">
...
Als je niet wilt dat Internet Explorer-bezoekers zo'n geel "tooltip" blokje te zien krijgen als je over een afbeelding met een gevulde alt-omschrijving heen gaat met de muis, dan moet je er ook een lege title-eigenschap bij zetten:
HTML:
...
<img src="bestandsnaam.jpg" alt="logo van ons bedrijf" title="">
...
De alt is namelijk niet als tooltip bedoeld (hoort alleen vermeld te worden voor browsers die geen afbeeldingen kunnen laten zien, zoals tekstbrowsers of voorleesbrowsers), maar IE laat 'm toch altijd op scherm zien. De title-eigenschap is wel voor zo'n tooltip bedoeld, en wordt bij invullen door alle browsers getoond.
=====
Wat er
verkeerd in de uitleg staat, is:
- De horizontale uitlijning van een image.
De eigenschappen align="left" en align="right" zijn sinds ruim 10 jaar achterhaalde ("deprecated") html-codes, en afgekeurd in html-strict en xhtml-strict (de beste zg. "Doctypes").
Voor de tag <center>...</center> om iets horizontaal te centreren geldt hetzelfde, die mag ook niet meer gebruikt worden: afgekeurd.
- De verticale uitlijning van een image.
Ook align="top", align ="middle" en align="bottom" zijn afgekeurd, zie boven.
Hoe je een afbeelding moet krijgen die bv. zowel een align="bottom" als een align="right" moet hebben, vertellen ze trouwens er niet bij. 
- Witruimte rondom een afbeelding.
De eigenschappen hspace="..." en vspace="...", je raadt het al: afgekeurd.
- Afbeelding als link.
Hier wordt de border-eigenschap gepromoot: border="0", ... maar eveneens achterhaald en afgekeurd.
=====
Wat er
niet handig in de uitleg staat, is:
- De width en height van een afbeelding.
Hier zegt men dat deze eigenschappen gebruikt kunnen worden om een afbeelding op scherm precies de juiste maten te geven: die kunnen een afbeelding vergroten of verkleinen.
Dat kan inderdaad, maar is
niet aan te bevelen:
- Browsers kunnen een img lang zo mooi niet verkleinen (of vergroten) als een tekenprogramma.
- Als je een img van grotere maten hebt dan die op scherm getoond moeten worden, is het img-bestand eigenlijk veel te groot, en vraagt kostbare downloadtijd (dit gaat kwadratisch: twee keer te groot img = vier keer de bestandsomvang!).
Wel aan te bevelen:
- Het beste is alle afbeeldingen altijd te uploaden op de ware te tonen grootte.
- Het beste is wel de width="..." en height="..." op te nemen in de html (met dezelfde maten als de echte grootte van de afbeelding), dan kan de pagina niet gaan verspringen totdat de afbeeldingen zijn gedownload (de tekst komt altijd wat eerder op scherm).
- Zie verder ook dit topic; en zie deze testpagina voor een betere oplossing dan border="0".
=====
Zo kan je een aardige dagtaak hebben aan het corrigeren van foutieve html-uitleg en onhandige tips.
Want tal van hulpvaardige websites en online tutorials pretenderen je goed op weg te helpen, en doen dat ook ...
... van de wal in de sloot.
- Het l*llige is, dat je als startend webbouwer nu juist niet het kaf van het koren kunt onderscheiden.
- In elk geval aan te raden zijn: www.web-garden.be/cursus-html/cursus-html als introductie, en w3schools.com (erg compleet; ze hebben ook heel praktische "Try it yourself" pagina's, waarmee je online dingen op hun werking kunt uitproberen).
Met vriendelijke groet,
CSShunter
___________
PS: Mocht iemand bv. tegenwerpen
"Alles goed en wel, maar de <center>-tag werkt toch gewoon?", dan zou m'n antwoord zijn:
- Ja, voor zolang als het duurt dat browsers achterhaalde code nog accepteren.
- Ja, als je er niet om geeft dat je webpagina geen valid html is, of met een verouderd Doctype werkt.
- Nee, want als je een site hebt met er op 500 pagina's één of meer <center>'s in, en je bij nader inzien dat element toch niet wilt centreren, dan kan je dat op 500 pagina's gaan verbeteren. - Doe je het met css, dan is het met één veranderd regeltje gepiept: voor alle 500 pagina's tegelijk.
CSS wint van
<center>!
Dus de erg moeite waard om je in css te verdiepen.
