Kuvan lisääminen

Kuvan lisääminen

Lisää sivullesi kuva seruraavia ohjeita noudattaen:

1. Etsi netistä kuva, jonka haluat lisätä kotisivuillesi
2. Tallenna kuva samaan kansioon index.html tiedostosi kanssa nimellä kuva.jpg
3. Lisää index.html tiedostosi body-osioon seuraava koodi <img src="kuva.jpg" />

Muita kuva koodeja

Voit muuttaa sivuille laittamasi kokoa width- ja height-koodien avulla.
width = kuvan leveys
height = kuvan korkeus
Esimerkiksi <img src="kuva.jpg" width="300" height="200">

Saat kuvallesi kehykset border-koodin avulla
Esimerkiksi <img src="kuva.jpg" width="300" height="200" border="3px">

Voit siirtää kuvan paikkaa align-koodin avulla
left = vasen
right = oikea
center = keskellä
Esimerkiksi <img src="kuva.jpg" width="300" height="200" border="3px" align="right">

Mikäli kuva ei toimi selaimella, alt-koodin avulla kuvan sijasta näkyy vaihtoehtoinen teksti
Esimerkiksi <img src="kuva.jpg" width="300" height="200" border="3px" alt="Tässä on kuva">