Kuriant tinklalapį naudojant HTML, vaizdo žyma naudojama nuotraukai ar grafikai įterpti į tam tikrą puslapio vietą. Yra daug būdų, kaip vaizdus galima naudoti tinklalapiuose: nuo susidomėjimo iki naudojimo kaip naršymo įrankio ar informacijos pateikimo. Taip pat galima naudoti kelis skirtingus vaizdų formatus. Nesvarbu, kaip ir koks vaizdas pridedamas prie tinklalapio, vaizdo žyma visada reikalinga.
Norėdami pridėti vaizdą, vaizdo žyma įtraukiama ten, kur norite, kad vaizdas būtų rodomas jūsų puslapyje. Pavyzdžiui, jei vaizdas turėtų būti įterptas po šios pastraipos, vaizdo žyma arba , būtų įtrauktas į HTML dokumentą po šios pastraipos. Žyma apibrėžia visus vaizdus HTML. Ji vadinama tuščia žyma, nes joje yra atributų ir nėra baigiamosios žymos. Atributai yra konkrečios HTML žymos parinktys.
Jei tik buvo įtrauktos į HTML dokumentą, nieko nebūtų rodoma, nes žymos atributai nebuvo įtraukti. Svarbiausias atributas, skirtas yra „src“, kuris reiškia šaltinį. Atributas src nurodo, kur iš tikrųjų yra vaizdo failas, arba tai yra vaizdo failo adresas. Kadangi vaizdas naudojamas tinklalapyje, vaizdo vieta bus nurodyta kaip URL. HTML dokumente vaizdas atrodys taip: .
Tiksliau, URL nurodo, kur saugomas vaizdas. Pavyzdžiui, jei kompiuterio, kurio failo pavadinimas yra kompiuteris.jpg, vaizdas buvo išsaugotas www.Paaiškinta.com vaizdų aplanke, URL būtų pakeistas taip: . Kai naršyklė atidaro tinklalapį, ji rodo vaizdą, kuriame yra vaizdo žyma.
Vaizdo žyma turi daugybę kitų skirtingų atributų. Jie leidžia vartotojui koreguoti, kaip vaizdas atrodo puslapyje. Šiai žymai dažniausiai naudojami šie atributai: alt, border, size ir align.
Atributas alt reiškia alternatyvų tekstą ir rodomas, jei naršyklė negali parodyti vaizdo. Be to, alternatyvus tekstas skaitomas tiems vartotojams, kurie turi regėjimo problemų ir pasirenka tekstą rodyti virš vaizdų. Aukščiau pateiktame pavyzdyje alternatyvus tekstas gali būti nurodytas kaip alt=”kompiuterio vaizdas”.
Krašto atributas prideda prie vaizdo kraštinę, kurios storis priklauso nuo nurodytų pikselių skaičiaus. Tai gali būti ypač naudinga, kai vaizdo fonas ir svetainės fonas yra panašūs ir norisi aiškiai atskirti. Pavyzdžiui, border=”10″ aplink vaizdą uždės 10 pikselių storio kraštinę.
Dydžio atributai taip pat svarbūs, nes pagal plotį ir aukštį galima nurodyti tikslų vaizdo dydį. Šiuos atributus reikia naudoti labai atsargiai, nes jų pakeitimas gali turėti įtakos rodomo vaizdo proporcijoms ar kokybei. Dydžio atributai nekeičia tikrojo failo, tik to, kaip jį rodo naršyklė.
Atributas align nurodo, kaip vaizdas lygiuojamas, palyginti su tekstu puslapyje. Yra keletas skirtingų šio atributo pasirinkimų, įskaitant viršuje, apačioje, viduryje, kairėje, dešinėje, absmiddle, absbottom, bazinėje eilutėje ir teksto viršuje. Šios žymos taip pat padeda nustatyti, kaip tekstas puslapyje sulygiuotas su vaizdu.