InterretoWeb Design

Bildo Administranto - img etikedo

La bildo estas ne nur enigita rekte en la teksto. Foliumilo raporti ŝian nomon kaj indiki kie kaj kiel loki la ekrano. Por fari tion, uzu sola HTML-etikedo img. Ĝi specifas la lokon de la grafika objekto sur la TTT.

Se multaj el la atributoj por la etikedoj, principe, ne estas devigaj, la img etikedo devas havi almenaŭ unu parametro - la adreso de la bildo. Tiu eco estas nomita fonto:

  • - ĉe tiu punkto aperas goat.jpg dosiero kiu estas stokita en la aktuala dosierujo;
  • - kun la opcio etikedo img retumilo legi bildojn afiŝis en Interreto sur megasellmag.ru ejo.

atributoj vicigi

Posicionar la bildo sur la HTML-paĝo kun helpo de nur servas img etikedo, atributoj kiuj estas respondecaj por la lokigo de la bildo sur la paĝo kaj la karaktero de lia teksto ĉirkaŭvolvinte.

Defaŭlte, la retumilo havas la bildon en la centro de la ekrano, kaj la teksto envolvas ĉirkaŭ ĝi ne estas. Img etikedo permesas por esprimi sian malkonsenton kun retumilo uzante la align atributo (paraleligo).

- La bildo posiciona ĉe la maldekstra rando de la paĝo kaj la teksto pasos lin dekstre.

Simile, estus la konduto de la teksto, se la bildo estas dekstre (align = right), meza (align = meza), pinto (align = supro), fundo (align = fundo) kaj la centro (centro).

Parametroj deŝovon kaj grandecoj

Fari la tekston en la bildo estas ne rampis, ricevis specialan etikedon img atributoj -hspace (horizontala / horizontala kampo) kaj vspace (vertikala / vertikala kampo) determini la valoron de deŝovante la teksto bildo randoj en pikseloj.

La bildo estas ne nur obeeme metis mem aparte de la teksto de la specifita valoro, sed ankaŭ firmaj en la rando de la paĝo, do ĝi estas pli bona eviti grandajn deŝovon.

Tre grava geometria grandeco de la bildo estas ne nur dezirinda, sed kelkfoje estas necese specifi la ĝusta montrado de bildoj. Al ĉi tiu estas atributoj larĝa (larĝa) kaj alteco (H), la valoro de kiu estas metita en pikseloj aŭ procenton.

Se vi donas nur la larĝa, la alteco estos kongruis aŭtomate kun la originalaj proporcioj. Dimensioj donitaj en procentoj, ili permesas meti la bildon en la dekstra flanko de la paĝo, sendepende de la fenestro grandeco de la retumilo, kiel ekzemple la neceso ekestas ofte.

aliaj ebloj

La limo eco eniras en la bildo en la kadro specifita dikeco, kiu ne faras la defaŭlta retumilo.

La kadro povas havi ŝajne sensignifa nul dikeco (limo = '0'), sed ĝi estas tiel longe kiel la bildo ne estas ligilo, la retumilo aŭtomate obvedet lia blua kadro, ne atendante instrukcioj.

Iuj senpacienca uzantoj, iritita malalta rapido interreto, simple desconectar la spektaklo bildoj. Ĉi tie por tiaj kazoj, kondiĉe alt parametron, permesante eniri alternativa teksto kiun la uzanto vidos en la skatolo, kiu rapidas la boto bildo.

Se vi ne estas kontenta pri la ebleco starigi alt, an img etikedo oferto longdesc eco kiel la valoro kiu estas uzata URL-adreson dokumenton kun pli detalan priskribon.

Atributoj usemap ismap kaj diri al la retumilo kiun la bildo estos desegnante sur kiu hiperligiloj estas apartaj areoj (referenco karto), nur la parametron usemap determinas la navigado mapo sur la servilo, kaj ismap - mapo sur la kliento flanko.

Priskribo de la ligo 1 en la figuro sube:

ekzotika elementoj

Atributo lowsrc instruas la retumilo elŝuti kopion de la unua (aŭ alia alternativo) de la originala bildo kun pli malaltan kvaliton kaj ekvivalente pli "malpezaj". Tiu lertaĵo estas provizita en kazo de malalta rapido de la interreto uzanto. Originala bildo de ekkuro anstataŭas la "falsa".

Oni ne ofte uzata galleryimg img etikedo eco kaŭzas la bildo kontrolo panelo (se vi ŝvebi super ĝi), permesante vin malfermi la defaŭlta dosierujo "Miaj Bildoj" kaj presita, savu aŭ sendi la bildo per retpoŝto. Malebligi la panelo de specifante la parametra valoro galleryimg neniu / malvera, kaj ebligi ĝin jes / veras.

La nova HTML5 specifo de kelkaj etikedoj malaktuala kelkaj el la parametroj. Do, img lowsrc atributoj, limo, longdesc kaj nomo adiaŭita.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 eo.atomiyme.com. Theme powered by WordPress.