[IMAGE]

HTML-opas pääsivu HTML-tagit:*Sivu *Teksti *Kuvat *linkit *Listat *Lomakkeet
*Taulukot * Kehykset * Marquee *Muut *Värikoodit *Sivun suunnittelu

Kuvat

Kuvien lisäämisessä WWW-sivuille kannattaa huomioida muutama asia:

  • Kuvien tallennustyyppi tulee olla joko gif tai jpg.
  • Jos haluat mahdollismman monen näkevän kuvasi, niin käytä gif-kuvia.
  • GIF
    • Maksimissaan 256 väriä, vaikka on pakattu kuvamuoto ei hävitä kuvapisteitä
    • Käytettävä paletti on muokattavissa ja värien määrää voidaan muutella
    • gif89a-tallennusmuotoisista kuvista voidaan tausta tehdä läpinäkyväksi
  • JPEG
    • Taustakuvina ja suuret linkkien takana olevat kuvat
    • Kannattaa käyttää värivalokuvissa
    • Hävittää kuvapisteitä ja samalla vähentää kontrastia
    • ei voida muuttaa taustaa läpinäkyväksi
  • Yksittäisten kuvien koko max 20 kilotavua
  • Yhdelle sivulle enintään kolme kuvaa - Netscape avaa kerralla 4 yhteyttä
  • Vähennä värien määrää mahdollisuuksien mukaan
  • Jos mahdollista käytä samoja kuvia - latautuminen nopeampaa

Tagit:

<IMG SRC=”kuva.gif”>
Kun tuot sivulle kuvan tallenna se samaan hakemistoon htm-dokumentin kanssa. Tag voi kuvan nimen jälkeen sisältää myös seuraavia lisäyksiä: ALT=”......” Teksti, joka näkyy jos kuva ei lataudu ALIGN=”.......” Kuvan sijoittelu komennot: TOP: kuvan yläreuna on tekstin yläreunan tasalla MIDDLE: Kuvan keskikohta on tekstin perusviivan kohdalla BOTTOM: Kuvan alareuna on tekstin perusviivan kohdalla LEFT: Kuva on sivun vasemmassa reunassa ja teksti juoksee kuvan vierellä RIGHT: Kuva on sivun oikeassa reunassa, teksti juoksee kuvan vierellä.

BORDER: Kuvan reunat pikseleinä WIDTH, kuvan leveys pikseleinä, HEIGHT: Kuvan korkeus pikseleinä

HSPACE ja VSPACE lisäyksillä saat kuvalle tyhjää tilaa lisäysten jälkeen annetun pikseliarvon verran.

esim. <IMG SRC=”logo.gif” ALT=”logo" ALIGN=LEFT border="3" hspace="30" vspace="30">
logo
Kuvan tekstivaihtoehto on logo, kuva keskitetty vasempaan laitaan, raunuksen paksuus 3 pikseliä, tyhjää tilaa vasemmalla, oikealla, ylä- ja alapuolella 30 pikseliä, kuvan korkeus 78 pikseliä ja leveys 77 pikseliä. Koska kuvalla on 30 pikselin tyhjä tila reunoilla, alkaa teksti kuvan yläreunasta, joka tässä tapauksessa on selaimen mukaan yläreunaan lisätyn 30 pikseliä ylempänä kuin näytöllä näkyvä kuva.
Lisää esimerkkejä kuvien käytöstä

HTML-opas pääsivu HTML-tagit:*Sivu *Teksti *Kuvat *linkit *Listat *Lomakkeet
*Taulukot * Kehykset * Marquee *Muut *Värikoodit *Sivun suunnittelu

[IMAGE]