Kuvan lisääminenhttps://peda.net/id/aeab1616d2016-02-15T08:45:20+02:00https://peda.net/:static/547/peda.net.logo.bg.svg<div class="license">Tämän sivun lisenssi <a rel="license noopener" href="https://peda.net/info" target="_blank">Peda.net-yleislisenssi</a></div>
Kuvan lisääminenhttps://peda.net/id/9aac9e80d2016-02-15T09:08:14+02:00Lisää sivullesi kuva seruraavia ohjeita noudattaen:<br/>
<br/>
1. Etsi netistä kuva, jonka haluat lisätä kotisivuillesi<br/>
2. Tallenna kuva samaan kansioon index.html tiedostosi kanssa nimellä kuva.jpg<br/>
3. Lisää index.html tiedostosi body-osioon seuraava koodi <img src="kuva.jpg" /><br/>
<br/>
2016-02-15T08:59:06+02:00Muita kuva koodejahttps://peda.net/id/d71bed44d2016-02-15T09:11:56+02:00<b>Voit muuttaa sivuille laittamasi kokoa width- ja height-koodien avulla.</b><br/>
width = kuvan leveys<br/>
height = kuvan korkeus<br/>
Esimerkiksi <img src="kuva.jpg" width="300" height="200"><br/>
<br/>
<b>Saat kuvallesi kehykset border-koodin avulla</b><br/>
Esimerkiksi <img src="kuva.jpg" width="300" height="200" border="3px"><br/>
<br/>
<b>Voit siirtää kuvan paikkaa align-koodin avulla</b><br/>
left = vasen<br/>
right = oikea<br/>
center = keskellä<br/>
Esimerkiksi <img src="kuva.jpg" width="300" height="200" border="3px" align="right"><br/>
<br/>
<b>Mikäli kuva ei toimi selaimella, alt-koodin avulla kuvan sijasta näkyy vaihtoehtoinen teksti</b><br/>
Esimerkiksi <img src="kuva.jpg" width="300" height="200" border="3px" alt="Tässä on kuva">2016-02-15T09:00:47+02:00