Piltide lisamine veebisaidi lehtedesse võib neid sageli silmale meeldivamaks muuta ja edastada teavet paremini kui ainult teksti kasutamine. See protsess saavutatakse HTML-koodi ja pildifaili abil. Fail võib olla erinevatest veebilehtedest või veebiserverisse salvestatud.

Kasutades silt

Veebilehe HTML-koodis võite lisada pildi silt. In silt, peate määrama neli atribuuti:

• Src - allika atribuut näitab kujutise asukohta. Võite kasutada suhtelist teed, kui pilt on teie serveriga samas serveris, kuid teise saidi pildid nõuavad absoluutseid teid.
• Alt - Alternatiivse teksti atribuut on kujutise kirjalik kirjeldus.
• Laius - pildi laius.
• Kõrgus - pildi kõrgus.

Valikuline atribuut on Border (Piir), mis võimaldab määrata pildi ümber piiri. Piiri atribuut on määratletud pikslite suuruses. Näiteks, kasutades piiri = 1 silt tähendab, et pildi ümbrus oleks 1 piksel.

Märkus: HTML-is on atribuudi Border atribuut ja see ei ole toetatud.

Näited

Järgmised näited näitavad tegelikku HTML-i, mida pildi lisamiseks selle lehe ülaosas kasutatakse. Neid võib sisestada ükskõik millisele lehele. Esimesel on lühem URL, kuna pilt on meie serveris salvestatud; teine ​​on see, kuidas sa linkid meie pildiga.

Näide 1

Näide 2

Milliseid pildivorminguid saan kasutada veebilehel?

Pildid, fotod, logod ja muud pildid on kõige levinumad JPEG, GIF ja PNG pildid. Muud pildivormingud, mida ei toetata laialdaselt, näiteks BMP, ei pruugi kõigis brauserites töötada.

Kas ma pean img-märgis atribuutide ümber tsiteerima?

Jah. Kuigi tänapäeva brauserid võivad tavaliselt määrata puuduvate jutumärkidega vigu atribuudi väärtuse ümber, peaksite vigade vältimiseks alati atribuudi väärtuste ümber olema.