Paveikslėlis įterpiamas ne tik tiesiai į tekstą. Naršyklėms pasakomas jos pavadinimas ir nurodoma, kur ir kaip ją pastatyti ekrane. Norėdami tai padaryti, naudokite vieną HTML img žymą. Ji nurodo grafinio objekto vietą tinklalapyje.
Jei daugelis žymų atributų yra neprivalomi, img žymoje turi būti bent vienas parametras – vaizdo adresas. Šis atributas vadinamas src:
- – bus rodomas dabartiniame kataloge saugomas failas goat.jpg;
- – naudojant šį img žymos parametrą, naršyklė įkels vaizdą, paskelbtą internete svetainėje megasellmag.ru.
Lygiavimo atributai
Norint išdėstyti vaizdus puslapyje naudojant HTML, naudojama img žyma, kurios atributai yra atsakingi už vaizdo patalpinimą puslapyje ir jo teksto įvyniojimo pobūdį.
Pagal numatytuosius nustatymus naršyklė įdeda vaizdą ekrano centre, o tekstas aplink jį neapvynioja. Žyma img leis išreikšti savo nesutikimą su naršykle naudojant atributą align (alignment).
– paveikslėlis bus kairiajame puslapio krašte, o tekstas bus aplink jį dešinėje.
Teksto elgesys bus panašus, jei vaizdas bus dedamas dešinėje (lygiuoti=dešinėje), viduryje (lygiuoti=viduryje), viršuje (lygiuoti=viršuje), apačioje(lygiuoti=apačioje) ir centre (centre).
Nustatymai ir dydžiai
Kad tekstas neįslinktų į vaizdus, img žyma įgijo specialius atributus -hspace (horizontalios/horizontalios paraštės) ir vspace (vertikalios/vertikalios paraštės), kurie nustato teksto įtraukos dydį nuo vaizdų kraštų. pikselių.
Nuotrauka ne tik klusniai nutols nuo teksto nurodytu kiekiu, bet ir nutols nuo puslapio krašto, todėl geriausia vengti didelių įtraukų.
Labai svarbūs geometriniai vaizdų matmenys, kurie ne tik pageidautini, bet kartais tiesiog būtini, kad vaizdas būtų rodomas teisingai. Tam naudojami atributai plotis (plotis) ir aukštis (aukštis), kurių reikšmė nustatoma pikseliais arba procentais.
Jei nurodysite tik plotį, aukštis bus pasirinktas automatiškai pagal pradines proporcijas. Procentiniai dydžiai leidžia įdėti vaizdą dešinėje puslapio dalyje, neatsižvelgiant į naršyklės lango dydį, ir tai dažnai iškyla.
Kitos parinktys
Atributas kraštinė įtraukia vaizdą į nurodyto storio rėmelį, ko naršyklė pagal numatytuosius nustatymus nedaro.
Kraštinė taip pat gali turėti iš pažiūros beprasmį nulinį plotį (kraštinė='0'), bet tai yra tol, kol vaizdas tampa nuoroda, kai naršyklė automatiškai apjuosia jį mėlynu rėmeliu, nelaukdama instrukcijų.
Kai kurie nekantrūs vartotojai, įsiutę dėl mažo interneto greičio, tiesiog išjungs nuotraukų rodymą. Tokiais atvejais pateikiamas alt parametras, leidžiantis įvesti alternatyvus tekstas, kurį vartotojas matys laukelyje, kuriame vaizdas skuba įkelti.
Jei jums nepatinka alt parametro galimybės, img žyma gali pasiūlyti longdesc atributą, kurio reikšmė yra dokumento su išsamesniu aprašymu URL.
Usemap ir ismap atributai nurodo naršyklei, kad vaizdas bus paveikslėlis, kuriame hipersaitai yra atskiros sritys (nuorodų žemėlapis), tik Usemap parametras nustato navigacijos žemėlapį serveryje, o ismap - žemėlapį kliento pusėje.
1 nuorodos aprašymas toliau pateiktame paveikslėlyje:
Egzotiški daiktai
Atributas lowsrc nurodo naršyklei pirmiausia atsisiųsti pradinio vaizdo kopiją (ar kitą alternatyvą) prastesnės kokybės, taigi ir „lengvesne“. Šis triukas pateikiamas esant mažam interneto greičiui vartotojui. Įkeltas originalus vaizdas pakeičia „netikrą“.
Rečiau naudojamas img žymos atributas galleryimg iškviečia vaizdo valdymo skydelį (užvedus pelės žymeklį), leidžiantį atidaryti numatytąjį aplanką Mano nuotraukos ir atspausdinti, išsaugoti arba išsiųsti vaizdą el. paštu. Skydelį galite išjungti nustatydami parametrą galleryimg į ne/false, o įjungti nustatydami taip/tiesa.
Naujoje HTML5 specifikacijoje daugelio žymų kai kurie parametrai nebenaudojami. Pavyzdžiui, img atributai lowsrc, border, longdesc ir name buvo panaikinti.
