Attēls netiek vienkārši ievietots tieši tekstā. Pārlūkprogrammai tiek paziņots tās nosaukums un norādīts, kur un kā to novietot ekrānā. Lai to izdarītu, izmantojiet vienu HTML img tagu. Tas norāda grafiskā objekta atrašanās vietu tīmekļa lapā.
Ja daudzi atribūti tagiem nav obligāti, tad img tagā ir jābūt vismaz vienam parametram - attēla adresei. Šo atribūtu sauc par src:
- - tiks parādīts pašreizējā direktorijā saglabātais fails goat.jpg;
- - izmantojot šo img taga parametru, pārlūkprogramma ielādēs attēlu, kas ievietots internetā vietnē megasellmag.ru.
Izlīdzināšanas atribūti
Lai novietotu attēlus lapā, izmantojot HTML, tiek izmantots img tags, kura atribūti ir atbildīgi par attēla ievietošanu lapā un tā teksta aplaušanas veidu.
Pēc noklusējuma pārlūkprogramma novieto attēlu ekrāna centrā, un teksts tam netiek apvilkts. Tags img ļaus jums izteikt savas domstarpības ar pārlūkprogrammu, izmantojot līdzināšanas atribūtu (līdzinājums).
- attēls tiks novietots lapas kreisajā malā, un teksts tiks tam apkārt labajā pusē.
Teksta darbība būs līdzīga, ja attēls tiks novietots labajā pusē (līdzināt=pa labi), vidū (līdzināt=vidū), augšā (līdzināt=augšpusē), apakšā(līdzināt=apakšā) un centrā (centrā).
Iestatījumi un izmēri
Lai teksts neielīstu attēlos, img tags ir ieguvis īpašus atribūtus -hspace (horizontālās/horizontālās piemales) un vspace (vertikālās/vertikālās piemales), kas nosaka teksta atkāpes apjomu no attēlu malām. pikseļi.
Attēls ne tikai paklausīgi attālināsies no teksta par norādīto apjomu, bet arī attālināsies no lapas malas, tāpēc labāk izvairīties no lielām atkāpēm.
Ļoti svarīgi ir attēlu ģeometriskie izmēri, kas ir ne tikai vēlami, bet dažreiz vienkārši jānorāda pareizai attēla attēlošanai. Šim nolūkam tiek izmantoti atribūti platums (platums) un augstums (augstums), kuru vērtība tiek iestatīta pikseļos vai procentos.
Ja norādāt tikai platumu, augstums tiks atlasīts automātiski ar sākotnējām proporcijām. Procentuālie izmēri ļauj ievietot attēlu lapas labajā daļā neatkarīgi no pārlūkprogrammas loga lieluma, un šāda vajadzība rodas bieži.
Citas iespējas
Apmales atribūts iekļauj attēlu noteiktā biezuma rāmī, ko pārlūkprogramma pēc noklusējuma nedara.
Apmalei var būt arī šķietami bezjēdzīgs nulles platums (apmale='0'), taču tas ir līdz brīdim, kad attēls kļūst par saiti, kad pārlūkprogramma automātiski apvelk to ar zilu apmali, negaidot norādījumus.
Daži nepacietīgi lietotāji, kuri ir sašutuši par zemo interneta ātrumu, vienkārši atspējos attēlu rādīšanu. Šādiem gadījumiem tiek nodrošināts alt parametrs, kas ļauj ievadīt alternatīvs teksts, ko lietotājs redzēs lodziņā, kur attēlu steidzas ielādēt.
Ja jums nepatīk parametra alt iespējas, img tags var piedāvāt longdesc atribūtu, kura vērtība ir dokumenta URL ar detalizētāku aprakstu.
Usemap un ismap atribūti norāda pārlūkprogrammai, ka attēls būs attēls, kurā hipersaites ir atsevišķi apgabali (saišu karte), tikai Usemap parametrs nosaka navigācijas karti serverī, bet ismap - karti klienta pusē.
1. saites apraksts zemāk esošajā attēlā:
Eksotiskas preces
Atribūts lowsrc uzdod pārlūkprogrammai vispirms lejupielādēt oriģinālā attēla kopiju (vai citu alternatīvu) ar zemāku kvalitāti un līdz ar to arī "vieglāku". Šis triks tiek nodrošināts, ja lietotājam ir zems interneta ātrums. Sākotnējais attēls, kad tas ir augšupielādēts, aizstāj "viltus".
Retāk izmantotais img taga atribūts galleryimg izsauc attēla vadības paneli (kad tiek virzīts kursors virs), ļaujot atvērt noklusējuma mapi Mani attēli un izdrukāt, saglabāt vai nosūtīt attēlu pa e-pastu. Varat atspējot paneli, iestatot parametru galleryimg uz nē/false, un iespējot, iestatot yes/true.
Jaunajā HTML5 specifikācijā vairākiem tagiem daži parametri ir novecojuši. Piemēram, img atribūti lowsrc, border, longdesc un name ir anulēti.
