Hogyan kell behelyezni egy képet html

előző ◈ a következő

A legegyszerűbb esetben a képek beszúrásával fog kinézni (image nevű image.png található, és ugyanabban a könyvtárban, mint a HTML-dokumentum):

korábban tag Egy újabb kötelező attribútum - alt. de az Advent a HTML 5-ben került át a kategóriában kívánatos. alt beállítja a szöveg, hogy a felhasználó láthatja a kép helyett, amikor hirtelen nem fog elindulni. Ez az attribútum ajánlott felvenni néhány optimalizáló mert úgy gondoljuk, hogy ez pozitív hatással van a fejlődés a keresőkben.

Ha nem adja meg a további attribútumok a kép, akkor az megjelenik a teljes méretű, és annak szükségességét, hogy nem mindig. Szerencsére, akkor adja meg a kívánt méretet a rajz segítségével szélessége attribútumok (jelzi a szélesség) és a magasság (határozza meg a magasságot). Méretek lehet rögzíteni akár pixelben vagy százalékban. A második esetben, a böngésző kiszámítja a százalékos aránya a szülő elem (például, egy bekezdés, amelyben a kép van behelyezve).

Tegyük fel, hogy szeretnénk hozzáadni az oldalhoz kép image.png alternatív szöveget „Csak kép”, szélessége 420 és 280 képpont hosszú. ebben az esetben a kód a következő lesz:

navigációs diagram

Ahhoz, hogy hozzon létre egy kép térkép (ezt a nevet le a lehetőséget), szükség van a következő címkék és attribútumok:

  • - egy tartályt, amelynek belsejében egy térképet kép leírása.
  • - tag belsejében . írja le az egyik terület a képet. Hány aktív régiókban azt tervezik, hogy osztja a kép sok eleme és meg kell szállítani. csokor - Úgy működik, mint egy rakás
      -
    1. és
        -
      • . listák készítéséhez.
      • alak - címkejellemző . alakját meghatározó a referencia. Az aktív régió lehet formájában egy téglalap, sokszög vagy kör.
      • vezetékek - koordinátáinak meghatározására az attribútum mező. Szintén tartozik a tag . A téglalap megadott koordinátákat a bal felső és a jobb alsó sarok, sokszög - csúcsainak koordinátáit meghatározó kör, adja meg a koordinátáit központ és sugarát.
      • usemap - img tag attribútum. amely összeköti a képet a térképet. Hála neki, a böngésző úgy értelmezi, hogy a tartály ismertetett térkép pontosan ezt a rajzot.

      Példa képtérkép

      Ahhoz, hogy megértsük, hogyan kell használni az összes fenti, itt van egy egyszerű példa. Egy rajz map.jpg. Meg kell osztani két aktív régiókban. Ha rákattint a felső (zöld) megnyílik a „Odnoklassniki” site, az alsó része (kék) vezet a „VKontakte”. Kapcsolatokat kell nyitni egy új lapot. Ahhoz, hogy hozzon létre egy kártyát, hajtsa végre a következő lépéseket.

      Hogyan beszúrni egy képet egy weboldalon

      1. Helyezze be a képet az oldalon, és megkötik azt a következő térkép (ez lesz az úgynevezett szociális), amelyre írunk be az alábbi kódot:

      3. Kezdje hogy hozzon létre egy térképet: Nyissa meg a címkét, és tegye ezt a nevet attribútum nevét, amelynek meg kell feltétlenül egyezik meg az értéket a kép usemap:

      4. A tag határozza aktív terület régiókban:

      5. Zárja le a kártya:

      Annak ellenére, hogy példaként a legegyszerűbb esetben tartották, hogy ki tud találni, egyértelműen bizonyítja az elvet létrehozása navigációs térképek. Next - üzleti berendezések, és elhelyezése, tekintve HTML semmi bonyolult.

előző ◈ a következő