Die prentjie word nie net direk in die teks ingevoeg nie. Die blaaier word sy naam vertel en opdrag gegee waar en hoe om dit op die skerm te plaas. Om dit te doen, gebruik 'n enkele HTML img tag. Dit spesifiseer die ligging van die grafiese voorwerp op die webblad.
As baie eienskappe opsioneel vir merkers is, moet die img-merker ten minste een parameter hê - die adres van die prent. Hierdie kenmerk word src: genoem
- - dit sal die goat.jpg-lêer wat in die huidige gids gestoor is, vertoon;
- - met hierdie parameter van die img tag, sal die blaaier die beeld wat op die internet geplaas is op die webwerf megasellmag.ru laai.
Belyningskenmerke
Om prente op 'n bladsy met HTML te posisioneer, word die img-merker gebruik, waarvan die eienskappe verantwoordelik is vir die plasing van die prent op die bladsy en die aard van die teksomvou.
By verstek plaas die blaaier die prent in die middel van die skerm, en die teks draai nie om dit nie. Die img-merker sal jou toelaat om jou meningsverskil met die blaaier uit te spreek deur die align-kenmerk (alignment) te gebruik.
- die prent sal aan die linkerkant van die bladsy geplaas word, en die teks sal regs rondom dit gaan.
Die gedrag van die teks sal soortgelyk wees as die prent regs (belyn=regs), in die middel (belyn=middel), bo (belyn=bo), onder geplaas word(belyn=onder) en middel (middel).
Instellings en groottes
Om te verhoed dat teks in prente insluip, het die img-merker spesiale eienskappe verkry -hspace (horisontale/horisontale kantlyne) en vspace (vertikale/vertikale kantlyne), wat die hoeveelheid teksinkeping van die rande van beelde in bepaal pieksels.
Die prent sal nie net gehoorsaam wegbeweeg van die teks met die gespesifiseerde hoeveelheid nie, maar ook wegbeweeg van die rand van die bladsy, dus is dit die beste om groot inkepings te vermy.
Die geometriese afmetings van beelde is baie belangrik, wat nie net wenslik is nie, maar soms bloot nodig is om te spesifiseer vir die korrekte vertoon van die beeld. Hiervoor word die eienskappe breedte (breedte) en hoogte (hoogte) gebruik, waarvan die waarde in pixels of persentasies gestel word
As jy net die breedte spesifiseer, sal die hoogte outomaties gekies word met die oorspronklike verhoudings. Persentasiegroottes laat jou toe om die prent in die regter deel van die bladsy te plaas, ongeag die grootte van die blaaiervenster, en hierdie behoefte ontstaan dikwels.
Ander opsies
Die grenskenmerk omsluit die prent in 'n raam van die gespesifiseerde dikte, wat die blaaier nie by verstek doen nie.
Die grens kan ook 'n skynbaar betekenislose nul-breedte hê (grens='0'), maar dit is totdat die prent 'n skakel word, wanneer die blaaier dit outomaties met 'n blou rand omsirkel sonder om te wag vir instruksies.
Sommige ongeduldige gebruikers, woedend oor lae internetspoed, sal bloot die vertoon van prente deaktiveer. Vir sulke gevalle word die alt-parameter verskaf, wat u toelaat om in te voer alternatiewe teks wat die gebruiker in die blokkie sal sien waar die prent haastig is om te laai.
As jy nie van die moontlikhede van die alt-parameter hou nie, kan die img-merker 'n longdesc-kenmerk bied, waarvan die waarde die URL van 'n dokument met 'n meer gedetailleerde beskrywing is.
Die usemap- en ismap-kenmerke vertel die blaaier dat die prent 'n prentjie sal wees waarin die hiperskakels aparte areas is (skakelkaart), slegs die usemap-parameter bepaal die navigasiekaart op die bediener, en ismap - die kaart op die kliëntkant.
Beskrywing van skakel 1 in die figuur hieronder:
Eksotiese items
Die lowsrc-kenmerk gee die blaaier opdrag om eers 'n kopie (of ander alternatief) van die oorspronklike prent af te laai met 'n laer kwaliteit en dus 'n "ligter" een. Hierdie truuk word verskaf in die geval van lae internetspoed vir die gebruiker. Die oorspronklike prent, wanneer dit opgelaai is, vervang die "vals".
Die minder algemeen gebruikte galleryimg-kenmerk van die img-merker roep die beeldbeheerpaneel op (wanneer jy oor die muis beweeg), sodat jy die verstek My Prente-lêergids kan oopmaak en die beeld kan druk, stoor of e-pos. Jy kan die paneel deaktiveer deur die galleryimg-parameter op nee/onwaar te stel, en dit aktiveer deur yes/true te stel.
In die nuwe HTML5-spesifikasie het 'n aantal merkers 'n paar parameters afgekeur. Byvoorbeeld, die lowsrc-, border-, longdesc- en naamkenmerke van img is afgetree.