Menthal27

XHTML: Kuvat

Kuva (img)

Kuva lisätään Internet-sivulle img-tagilla. Ennen kuin kuva voidaan lisätä Internet-sivulle, se on siirrettävä Internetiin ja sillä on oltava osoite. Mikäli kuvaa ei syystä tai toisesta pystytä näyttämään (jos selain ei esimerkiksi tue kuvia, kuvien osoite on väärin tai kuvien näyttö on pois päältä), kuvan sijasta näkyy seliteteksti.

Hoks! Tämä on koodi, jolle ei ole päättötagia. Tämän vuoksi se päätellään itsensä sisällä lisäämällä ennen viimeistä hakasuljetta /-viiva.

<img src="kuvan osoite" alt="seliteteksti" />

Kuvan linkittäminen

Kuva voidaan linkittää yksinkertaisesti lisäämällä se hyperlinkin sisään.

Esimerkiksi (rivinvaihdot ovat esimerkissä teknisistä syistä, ne voi poistaa):

<a href="linkin osoite">
<img src="kuvan osoite" alt="selitysteksti" />
</a>

Muuta huomioitavaa

Taustakuvat ja -värit

Taustakuvat ja -värit määritetään Internet-sivuille CSS:llä. Ne voi määrittää myös HTML-koodilla, mutta tämä on vanhentunut ja epäsuositeltava tapa (löytyy vanhentuneiden elementtien osiosta). HTML:n seuraajalla, XHTML:llä, taustakuvia ja -värejä ei voi määritellä, vaan ne täytyy todella määrittää CSS:llä.

Reunukset

Kuviin, myös linkitettyihin, voi lisätä ja poistaa reunuksia CSS:llä.

  

Menthal27 © Sonja Valkeinen 2002-2008. Shadows. WP. Takaisin sivun alkuun.