Vaizdai gali pagerinti tinklalapio išvaizdą suskaidydami tekstą ir pridėdami vizualinio susidomėjimo. Tinklalapyje matomi vaizdai iš tikrųjų yra nuorodos į vidinį arba nuotolinį vaizdą. Kitaip tariant, vaizdai yra kitas failas, esantis tame pačiame serveryje kaip ir tinklalapis, arba nuotolinis serveris. Norėdami įdėti vaizdą į tinklalapį, turite nurodyti naršyklei, kur ieškoti atvaizdo. Ši informacija dedama į"žyma su" src "atributu.
Vaizdo kūrimas
Jei jūsų atvaizdas laikomas žiniatinklio serveryje, kuriame yra jūsų tinklalapis, galite tiesiog įdėti atvaizdo pavadinimą į žymą, pavyzdžiui: Tačiau, jei jūsų atvaizdas yra nutolusiame serveryje, turite įdėti nuorodą į atvaizdą tokia žyma:
Nesvarbu, ar naudojate vietinį, ar nuotolinį vaizdą, yra keletas atributų, kuriuos galite naudoti norėdami sulygiuoti vaizdą puslapyje. Atributas „lygiuoti“ naudojamas horizontaliam vaizdo lygiavimui. Vertės gali būti „dešinė“, „kairė“ arba centre. Pvz., Norint įdėti nuotolinį vaizdą dešinėje puslapio pusėje, HTML kodas būtų toks:
Atributas „valign“ naudojamas vaizdui vertikaliai sulygiuoti ekrane. Vertės gali būti „viršuje“, „apačioje“ ir „centre“. Norėdami suderinti aukščiau pateiktą pavyzdį viršutinėje dešinėje ekrano pusėje, kodas bus:
Kitas atributas yra „alt“ atributas. Tai naudojama tekstui įdėti ten, kur turėtų būti vaizdas, jei lankytojas naudojasi teksto naršykle arba jei nuoroda į paveikslėlį yra sugadinta. Atributas „alt“ naudojamas tokiu būdu:
Galiausiai galite padaryti, kad vaizdas taptų hipersaitu, pridedant žymą "". Tai leidžia lankytojams spustelėti paveikslėlį, kuris bus nukeltas į nuotolinį puslapį, arba pačią nuotrauką. HTML kodas, skirtas sukurti vaizdą su hipersaitu, yra: