Kuvien lisääminen
Kerrataan img-tagin syntaksi:
<img src="kuva.png">
Img-tagiin tulee siis src-attribuutti, joka kertoo missä osoitteessa kuva on. Osoite voi olla nettiosoite tai polku tiedostoon. Tässä ohjeet molemmanlaisten osoitteiden lisäämiseen.
Kuva, joka on netissä
Jos olet löytänyt esim. Google-kuvahausta kuvan, jonka haluat laittaa sivustollesi, tee näin:
- Klikkaa kuvahaussa kuvaa, jotta pääset sivustolle jossa kuva on. Kuvahaussa näkyvä kuva on usein huonompilaatuinen kuin itse sivustolla oleva kuva.
- Etsi sivulta haluamasi kuva.
- Klikkaa kuvaa hiiren oikealla näppäimellä.
- Klikkaa valikosta "Kopioi kuvan osoite".
- Nyt kun kuvan osoite on kopioitu, niin voit liittää sen src-attribuutiksi tähän tyyliin:
<img src="https://sipu.li/images/cuteimage2.webp">
Kuva omalta koneelta
Laita kuvatiedosto samaan kansioon, jossa html-tiedostokin on. Laita img-tagin src-attribuutiksi
kuvatiedoston nimi. Muista myös tiedostopääte, esim. .png (päätteen täytyy siis olla sama
kuin kuvatiedoston pääte).