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" />
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">
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">