Kuvaosa (engl. Image Module)

Img - Kuva

<img src= Kuvan URI alt= Vaihtoehtoinen teksti [ longdesc= URI tarkempaan kuvaukseen ] 
[ width= Kuvan leveys ] [ height= Kuvan korkeus] [ usemap= Kuvakartan URI ] [ ismap = ismap ] />

Img-elementillä voi sijoittaa kuvan dokumentin sisään. Kuva voi periaatteessa olla mitä tahansa formaattia, mutta käytännössä selaimet tukevat kunnolla vain GIF-, JPEG- ja PNG-formaatteja.

src-ominaisuus määrittelee kuvatiedoston sijainnin.

alt-ominaisuus sisältää vaihtoehtoisen tekstiselityksen kuvasta niille, jotka eivät käytä kuvia.

longdesc-ominaisuus sisältää URIn kuvaukseen, jossa selitetään tarkemmin käytetyn kuvan funktio ja muoto.

width-ominaisuus määrittelee näytettävän kuvan leveyden.

height-ominaisuus määrittelee näytettävän kuvan korkeuden.

usemap-ominaisuus kertoo mahdollisen selaimella tulkittavan kuvakartan määrittelyn nimen.

ismap-ominaisuus kertoo mahdollisen palvelimella tulkittavan kuvakartan määrittelyn sijainnin.

<img src="kuvat/maisema.gif" alt="Kaunis maalaismaisema" title="maalaismaisema" />
<img src="kuvat/kaavio.gif" alt="Opiskelijamäärien kehitys vuosittain"
title="Opiskelijamäärien kehitys vuosittain" longdesc="kaavio.html" />
<img src="kuvat/imagemap.gif" width="500" height="300"
alt="Kuvakartta" usemap="#kuvakartta" ismap />

Käyttäjien kommentit

Majaba ( 2010-04-15 10:48:37 )

muuten hyvä, mutta vois kertoa miten saadaan JPG-animaatiot toimimman...

Antti Ekonoja ( 2010-04-15 10:52:29 )

JPG ei tue animaatioita... Esim. GIF sen sijaan tukee.

Kommentoi tätä sivua Lisää uusi kommentti
Kurssimateriaalien käyttäminen kaupallisiin tarkoituksiin tai opetusmateriaalina ilman lupaa on ehdottomasti kielletty!
http://appro.mit.jyu.fi/doc/xhtml11/index14.html
© Antti Ekonoja (antti.j.ekonoja@jyu.fi) <http://users.jyu.fi/~anjoekon/>
Tommi Lahtonen (tommi.j.lahtonen@jyu.fi) <http://hazor.iki.fi/>
Jukka Mäntylä (jmantyla@iki.fi) <http://www.iki.fi/jmantyla/>
2010-04-15 10:52:34
Informaatioteknologia - Jyväskylän yliopiston IT-tiedekunta ja avoin yliopisto