Stap 5: HTML-afbeeldingen
Wat is een webpagina zonder afbeeldingen? Nu, we enkele nieuwe tags invoegen en Verlevendig op onze pagina met afbeeldingen! Yay!
< img src = "Invoegen de url van de afbeelding hier!" alt = "Invoegen de url van de afbeelding hier!" width = "203"
Oke nu om uit te leggen!
< img src = "" > is de bron van waar je de afbeelding. Zeggen dat ik een foto van een hond wilde. Zou ik de url van de afbeelding, dus zo uitziet:
< img src = "
" >
Dat de foto van de hond ingevoegd in mijn webpagina. U kunt de hond in het gedeelte afbeeldingen zien!
< img src = "" alt = "" >
< alt = "" > is niet noodzakelijk in een webpagina, maar als iemand de afbeelding niet kunt zien, de alt de afbeelding zal uitleggen. Ook voor blinde mensen die hebben een computersysteem dat de pagina voor hen leest, zal het systeem leest de alt om uit te leggen van de afbeelding.
Dus:
< img src = "
" alt = "Leuke hond met grote, beady, bruin ogen" >
Nu voor de
< breedte = "230" >
Dit is een zeer eenvoudige deel. Deze tag gewoon formaat van de afbeelding. Dus de breedte zou nu 230 pixels!
Dus is hier onze volledige tag:
< img src = "
alt ="Leuke hond met grote, beady, bruin ogen"width ="230">
Yay!
