HTML-i abil veebilehe loomisel kasutatakse pildimärgendit foto või graafika lisamiseks lehe kindlasse kohta. Pilte saab veebilehtedel kasutada mitmel viisil, alates huvi lisamisest kuni kasutamiseni navigeerimisvahendina või teabe edastamiseni. Samuti on võimalik kasutada mitut erinevat vormingut kujutisi. Olenemata sellest, kuidas või millist pilti veebilehele lisatakse, on pildimärgend alati vajalik.
Pildi lisamiseks lisatakse pildimärgend kohtadesse, kus soovite, et pilt teie lehel ilmuks. Näiteks kui pärast seda lõiku tuleks lisada pilt, siis pildimärgend või , lisatakse HTML-dokumendile pärast seda lõiku. Silt määrab kõik pildid HTML-is. Seda nimetatakse tühjaks sildiks, kuna see sisaldab atribuute ja sellel pole sulgevat silti. Atribuudid on konkreetse HTML-märgendi jaoks saadaval olevad valikud.
Kui ainult lisati HTML-dokumendile, ei kuvataks midagi, kuna sildi atribuute pole lisatud. Kõige olulisem atribuut on “src”, mis tähistab allikat. Atribuut src näitab, kus pildifail tegelikult asub või on see pildifaili aadress. Kuna pilti kasutatakse veebilehel, antakse pildi asukoht URL-ina. HTML-dokumendis näeb pilt välja selline: .
Täpsemalt, URL osutab sellele, kuhu pilt on salvestatud. Näiteks kui arvuti pilt failinimega arvuti.jpg salvestatakse saidi www.Selgitatud.com piltide kausta, asendatakse URL järgmisega: . Kui brauser veebilehe avab, kuvab see pildi, millel on pildimärgend.
Pildisildil on mitmeid muid erinevaid atribuute. Need võimaldavad kasutajal reguleerida, kuidas pilt lehel välja näeb. Selle sildi jaoks kasutatakse tavaliselt järgmisi atribuute: alt, border, size ja align.
Atribuut alt tähistab alternatiivset teksti ja seda näidatakse, kui brauser ei suuda pilti kuvada. Samuti loetakse alternatiivset teksti nende kasutajate jaoks, kellel on nägemisprobleemid ja kes valivad teksti kuvamise piltide kohal. Ülaltoodud näite puhul võib alternatiivse teksti esitada kujul alt=”arvuti kujutis”.
Piiri atribuut lisab pildile äärise, mille paksus sõltub märgitud pikslite arvust. See võib olla eriti kasulik, kui pildi taust ja veebisaidi taust on sarnased ning soovitakse selget vahet. Näiteks border=”10″ asetab pildi ümber 10 piksli paksuse äärise.
Suuruse atribuudid on samuti olulised, kuna laiuse ja kõrguse abil saab määrata pildi täpse suuruse. Neid atribuute tuleb kasutada väga ettevaatlikult, kuna nende muutmine võib mõjutada kuvatava pildi proportsioone või kvaliteeti. Suuruse atribuudid ei muuda tegelikku faili, vaid seda, kuidas brauser seda kuvab.
Atribuut joondus määrab, kuidas pilti joondatakse võrreldes lehel oleva tekstiga. Selle atribuudi jaoks on mitu erinevat valikut, sealhulgas ülemine, alumine, keskmine, vasak, parem, absmiddle, absbottom, baseline ja texttop. Need sildid aitavad ka määrata, kuidas lehel olev tekst pildiga joondub.