1. Kuvien koot

Kuvan koko - Leveys ja korkeus

2016-05-11T12:40:27+03:00

Voit käyttää style atribuuttia tarkentaaksesi kuvan korkeuden ja leveyden.

Määrät kerrotaan pixeleinä (Käytä pixeleitä arvon jälkeen):

Esimerkki

Vaihtoehtoisesti, voit käyttää leveys ja korkeus atribuutteja tässä tapauksessa arvot ovat oletuksellisesti pixeleinä:

Esimerkki

Kuvat toisella serverillä & animoidut kuvat ja kuva linkitykset

2016-05-16T07:43:43+03:00

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

2016-05-16T07:44:23+03:00

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: