Afbeeldingen invoegen
Om een plaatje toe te voegen aan een website heb je de tag <img> nodig. Een afbeelding/foto tag is anders opgebouwd als andere tags, want een afbeelding/foto heeft geen begintag en eindtag. Bij het element <img> leren we een nieuw onderdeel van HTML kennen: attributen.
Attributen
Een attribuut is een nadere specificatie van een element. Bij de meeste elementen kunnen we attributen toevoegen als we dat willen. Het is echter niet verplicht. Er zijn heel veel attributen, teveel om hier te laten zien. Maar op de volgende website staat een overzicht:https://www.heinpragt.com/techniek/internet/html5.php
Bijzonder aan het element img is dat het twee attributen heeft die wel verplicht zijn: src en alt
een attribuut heeft altijd dezelfde opbouw namelijk
<p>
<img src="naam.jpg" alt="beschrijving"/>
</p>
Om een afbeelding/foto in jouw website te krijgen, moet je eerst een afbeelding/foto van internet downloaden, of deze via andere media opslaan in jouw eigen map waar ook de website staat. Anders werkt het niet. Daarna type je de tag over zoals hierboven staat omschreven. Door de <p> te gebruiken krijg je iets meer witruimte om je foto heen.
Op de plaats van naam.jpg zet je de naam van de afbeelding/foto neer. Bij alt zet je de beschrijving van jouw afbeelding/foto neer. De alt tekst zorgt ervoor dat, wanneer iemand de afbeelding of foto niet kan zien , de webbrowser de beschrijving van je afbeelding/foto laat zien. Dit gebeurt bijvoorbeeld bij een slechte verbinding of bij software voor mensen met dyslexie en blinde mensen, waarbij websites worden voorgelezen.
Hieronder een voorbeeld van de HTML tag img. en daaronder het voorbeeld zoals deze in een webbrowser wordt getoond.