Kuva <img src="" />
Tekstielementtitaulukossa on seuraava esimerkki kuvan upottamisesta:
Img-elementin sisässä on muutamia tärkeitä määrittelyjä. Ensimmäisenä alt="possun kuva (2K)" ilmaisee, että selain näyttää kuvan paikalla tekstin "possun kuva (2K)", ellei kuvan lataaminen jostain syystä onnistu. Tämä ei ole pakollista, mutta erittäin suositeltavaa.
Määritelmä src="kuvat/possu.gif" on kaikkein tärkein, sillä se ilmoittaa selaimelle, mistä kuva haetaan. Ilman osoitetta ei kuva löydy. Tässä tapauksessa kuvatiedosto possu.gif on kansiossa nimeltä kuvat, joka puolestaan on samassa kansiossa sivun kanssa.
Huomaa, että kansiorakenteessa mennään ylöspäin kahden pisteen +
vinoviivan avulla. Esimerkiksi
merkkaus ../jokintiedosto
viittaa tiedostoon
"jokintiedosto", joka on samassa kansiossa, kuin se kansio, jonka sisällä kyseinen HTML-sivu on.
Koodi | Tulos |
---|---|
|