Plaatje

Tot nu toe zijn we eigenlijk alleen maar bezig geweest met de tekst op onze website. Maar er zijn nog genoeg andere leuke dingen om op je website te zetten, bijvoorbeeld plaatjes! Voor plaatjes gebruik je de <img> -tag, maar je moet deze tag nog wat extra informatie meegeven over het plaatje wat je wilt gebruiken.

Voor een plaatje vanaf je eigen computer (of replit project) gebruik je <img src="LOCATIE PLAATJE">
Bijvoorbeeld <img src="Laura/Afbeeldingen/laura.jpg">

Je kunt ook een  plaatje van het internet gebruiken. Achter src=” zet je dan de website link naar het plaatje.
Bijv.: <img src="http://www.gscdn.org/library/cms/11/12611.JPG">

​Alt-text

In de HTML standaars is afgesproken dat aan een plaatje op een website een zogenaamde "alt-text" (alternative text) moet worden toegevoegd. Deze heeft eingelijk 3 functies:

• Plaatje is "stuk": Als om wat voor reden dan ook het plaatje niet werkt (probleem met de webserver, het plaatje is verplaatst, ...), dan wordt in ieder geval de alt-tekst getoond, zodat duidelijk is wat er ongeveer op het plaatje hoorde te staan

• Zoekmachines. Zoekmachines zoals Google indexeren dag en nacht het web en dat doen ze met name op basis van de teksten die op webpagina's staan. Plaatjes lezen is wat lastiger, dus daar wordt de tekst in de "alt-text" voor gebruikt

• Blinden en slechtzienden. Mensen met een visuele beperking maken meestal gebruik van hulpmiddelen zoals voorleessoftware of een braillelezer om toch het web te kunnen gebruiken. Plaatjes kun je niet voorlezen, maar de bijbehorende alt-text natuurlijk wel.

Een alt-text is simpelweg een extra attribuut in de openings <img> tag van het plaatje:

<img src="images/appeltaart.jpg" alt="Een appeltaart op een schaal">