Voit muuttaa sivulla näkyvän kuvan kokoa määrittämällä tunnisteelle sopivat määritteet
joka on vastuussa grafiikan näyttämisestä HTML-sivulla. Suurentaminen tai pienentäminen tapahtuu leveys- ja korkeusattribuuttien avulla.
Lisää kuva
Lisää kuva sivulle ennen muokkaamista määrittämällä tageja
… HTML-asiakirjan muokkaamiseksi sinun on avattava sivu missä tahansa tekstieditorissa. Napsauta tiedostoa hiiren kakkospainikkeella ja valitse "Avaa" -attribuutti - "Muistio". Voit myös määrittää minkä tahansa muun editorin, jota voit käyttää koodin muuttamiseen.
Siirry asiakirjaosioon ja etsi tagi
… Jos kuvaa ei ole vielä lisätty sivulle, kirjoita seuraava koodi:
Polku kuvatiedostoon voi olla joko suhteellinen tai absoluuttinen. Attribuutti alt="Kuva" on vastuussa kuvan nimestä ja siihen kuvatekstin lisäämisestä, joka näkyy, kun hiiren osoitin on kuvan päällä.
Koon muutos
Voit suurentaa kuvaa asettamalla sille sopivat leveys- ja korkeusparametrit lisäämällä attribuutteja kuvalappuun:
Leveysparametri vastaa kuvan leveyttä, ja korkeus sisältää kuvan korkeuden osoittimen. Tässä tapauksessa, kun sivu avataan, selainikkunassa näkyy kuva, jonka leveys on 300 pikseliä ja korkeus 350 pikseliä. Voit myös lisätä hspace- ja vspace-määritteet muuttaaksesi muotoiluasetuksia sivulla:
Tässä kuvauksessa määritettiin kuvan vaakasuora (hspace) ja pystysuora (vspace) marginaali. Sivulle lisätty teksti erotetaan 5 pikseliä vaakasuunnassa kuvasta ja 10 pikseliä pystysuunnassa. Raja-attribuutti on vastuussa 1 pikselin reunan luomisesta kuvan ympärille.
On huomattava, että kuvan koko voidaan asettaa paitsi pikseleinä, myös prosentteina selainikkunan kokoon nähden. Esimerkiksi:
Tämän koodin työn seurauksena kuva venytetään koko ikkunan leveydelle. On syytä huomata, että kuva voi tässä tapauksessa vääristyä. Kuvan suurennettu näyttö riippuu itse kuvan laadusta.
Tallenna muutokset, jotka on tehty "Muistio" -ikkunan "Tiedosto" - "Tallenna" -toiminnolla. Tarkista kuvan näyttö selainikkunassa avaamalla HTML-tiedosto napsauttamalla hiiren kakkospainikkeella ja valitsemalla "Avaa" -vaihtoehto. Valitse ehdotettujen vaihtoehtojen luettelosta ohjelma, jota käytät Internetin selaamiseen. Voit muokata HTML-tiedostoa useita kertoja säätääksesi kuvan kokoa.
