Internet, Web Design
Picture Manager - img tag
Die prentjie is nie net direk ingevoeg in die teks. Leser rapporteer haar naam en dui aan waar en hoe om die skerm te posisioneer. Om dit te doen, gebruik 'n enkele HTML-tag img. Dit spesifiseer die ligging van die grafiese voorwerp op 'n webblad.
die adres van die prentjie - as baie van die eienskappe vir die tags, in beginsel, is nie verpligtend nie, moet die img tag ten minste een parameter het. Hierdie kenmerk genoem src:
-
- op hierdie punt lyk goat.jpg lêer wat gestoor word in die huidige gids; -
- met die opsie tag img leser aflaai beelde op die internet geplaas op megasellmag.ru site.
eienskappe aan te pas
Om die beeld te posisioneer op die HTML bladsy met die hulp van net dien img tag, eienskappe wat verantwoordelik is vir die plasing van die beeld op die bladsy en die karakter van sy teks wikkel.
By verstek, die leser het die beeld in die middel van die skerm, en die teks om dit nie. Img tag toelaat om hul meningsverskil met 'n leser met behulp van die align kenmerk (belyning) uit te druk.
Net so, sal die gedrag van die teks, as die beeld is om die reg (align = regs), middel (align = middel), top (align = top), onder (align = onderste) en die sentrum (senter).
Parameters inkeping en groottes
Om die teks op die beeld is nie gekruip, het 'n spesiale etiket img eienskappe -hspace (horisontale / horisontale veld) en vspace (vertikale / vertikale veld) die bepaling van die waarde van insp die beeld teks rande in pixels.
Die prentjie is nie net pligsgetrou stel self afgesien van die teks van die gespesifiseerde waarde, maar ook wegbeweeg van die rand van die bladsy, dus is dit beter om groot inkeping vermy.
Baie belangrik geometriese grootte van die beeld is nie net wenslik nie, maar soms is dit nodig om te spesifiseer vir die korrekte vertoning van beelde. Om hierdie is eienskappe breedte (breedte) en hoogte (H), waarvan die waarde is ingestel in pixels of persentasie.
As jy net die breedte spesifiseer, sal die hoogte outomaties ooreenstem met die oorspronklike proporsies. Dimensies gegee in persentasies, toelaat om die beeld te plaas op die regte kant van die bladsy, ongeag van die venster grootte van die leser, soos die behoefte ontstaan dikwels.
ander opsies
Die grens kenmerk tree in die prentjie in die raam gespesifiseerde dikte, wat die standaard leser maak nie.
Die raam kan 'n skynbaar sinlose nul dikte het (border = "0"), maar dit is so lank as die prentjie is nie 'n skakel, die leser outomaties obvedet sy blou raam, sonder om te wag vir instruksies.
Sommige ongeduldig gebruikers, woedend lae spoed internet, eenvoudig ontkoppel die show foto's. Hier vir sulke gevalle, met dien verstande alt parameter, sodat jy 'n alternatiewe teks wat die gebruiker sal sien in die boks, wat die beeld van die boot verhaas betree.
As jy nie tevrede is met die moontlikheid van die opstel alt, 'n img tag aanbod longdesc kenmerk as die waarde wat gebruik word URL-adres dokument met 'n meer gedetailleerde beskrywing.
Eienskappe usemap ismap en vertel die leser wat die beeld sal teken waarop hiperskakels is afsonderlike areas (verwysing card), net die parameter usemap bepaal die kaart navigasie op die bediener, en ismap - kaart op die kliënt kant.
Beskrywing van die skakel 1 in die figuur hieronder:
eksotiese elemente
Kenmerk lowsrc opdrag die leser om 'n kopie van die eerste (of ander alternatiewe) van die oorspronklike beeld te laai met 'n laer gehalte en dienooreenkomstig meer "ligter". Hierdie truuk is voorsien in die geval van 'n lae spoed van die internet gebruiker. Oorspronklike beeld deur boot vervang die "vals".
Dit is nie dikwels gebruik galleryimg img tag kenmerk veroorsaak dat die beeld control panel (as jy hover oor dit), sodat jy die verstek gids "My Pictures" en druk oop, red of stuur die beeld per e-pos. Skakel die paneel deur die spesifiseer van die parameter waarde galleryimg geen / vals, en in staat stel om dit deur ja / ware.
Die nuwe HTML5 spesifikasie van 'n aantal etikette uitgediende sommige van die parameters. So, img lowsrc eienskappe, grens, longdesc en naam van die hand gewys.
Similar articles
Trending Now