1. Kuvien koot

Kuvat toisella serverillä & animoidut kuvat ja kuva linkitykset

Jotkut serverit tallentavat kuvansa erillisille servereille.

Kuitenkin, pääset kuviisi käsiksi mistä tahansa päin maailmaa kunhan netti toimii:

Esimerkki

Animaatio kuvat

GIF standardi antaa mahdollisuuden tehdä kuvistasi liikkuvia:

Esimerkki

Huomaa että animoidun kuvan laitto koodiin ei eroa millään tapaa normaalista kuvasta.

Kuvan käyttäminen linkkinä.

Käyttääksesi kuvaa linkkinä, lisäät vain <img> tagin <a> tagin sisälle:

Esimerkki

	Lisää "border:0;" Estääksesi vanhojen selainten kuten IE9 (ja aikaisempien) näyttämästä reunusta kuvan ympärillä.

Leveys korkeus vai tyyli

Molemmat korkeus, leveys, tyyli atribuutit kelpaavat uusimmassa HTML5 standardissa.

Suosittelemme tyyli atribuutin käyttöä. Se estää tyylikappaletta muuttamasta originellien kuvien kokoja:

Esimerkki:

<!DOCTYPE html>
<html>
<head>
<style>
img {
width:100%;
}
</style>
</head>
<body>

<img src="html5.gif" alt="HTML5 Ikoni" style="width:128px;height:128px;">
<img src="html5.gif" alt="HTML5 Ikoni" width="128" height="128">

</body>
</html>

Kuvat toisessa kansiossa

Jos ei ole erikseen määritelty, selain odottaa löytävänsä kuvat samasta kansiosta kuin internet sivujesi html tiedostot
Kuitenkin, on yleistä lisätä kuvat alikansioihin. Sen takia sinun pitää kansion osoite sisällyttää src atribuuttiin:

Esimerkki: