Cum de a insera o imagine în html

anterior ◈ următoarea

Cel mai simplu caz de a insera imagini va arata ca aceasta (numită imagine image.png și situat în același director ca documentul HTML):

anterior tag-ul A fost un alt atribut obligatoriu - alt. dar odată cu apariția de HTML 5, el a fost transferat la categoria dorită. Alt setează textul pe care utilizatorul va vedea imaginea în schimb, în ​​cazul în care dintr-o dată nu va porni. Acest atribut este recomandat pentru a adăuga unele optimizatori, deoarece se crede că are un efect pozitiv asupra progresului în motoarele de căutare.







Dacă nu specificați nici atribute suplimentare ale imaginii, aceasta va fi afișată în mărime completă, iar necesitatea ca nu este întotdeauna. Din fericire, aveți posibilitatea să specificați dimensiunea dorită a desenului utilizând atributul width (lățime puncte) și înălțimea (definește înălțimea). Dimensiunile pot fi înregistrate fie în pixeli sau ca procent. În al doilea caz, browser-ul va calcula procentul elementului mamă (de exemplu, un paragraf, în care se introduce imaginea).

Să presupunem că vrem să adăugați la pagina image.png imagine cu text alternativ „imagine doar“, o lățime de 420 și 280 pixeli lungi. în acest caz, codul va fi după cum urmează:

navigare Grafic

Pentru a crea o hartă imagine (acesta este numele descris oportunitatea) au nevoie de următoarele etichete și atribute:

  • - un container în interiorul căruia este descrisă o imagine de hartă.
  • - tag-ul interior . descrie o zonă a imaginii. Cât de multe regiuni activă este planificată pentru a diviza imaginea multe elemente și va trebui să livreze. buchet - Acesta funcționează la fel ca un buchet
      -
    1. și
        -
      • . crearea de liste.
      • Forma - atribut tag-ul . definirea formei de referință. Regiunea activă poate fi sub forma unui dreptunghi, un poligon sau un cerc.
      • corduri - determină coordonatele câmpului atribut. De asemenea, face parte din tag-ul . Pentru coordonatele specificate dreptunghi din stânga sus și colțurile din dreapta jos, poligon - coordonatele nodurilor care definesc un cerc, specificați coordonatele centrului și raza sa.
      • usemap - atribut tag-ul img. care leagă imaginea cu harta. Datorită lui, browser-ul înțelege că recipientul harta descris tocmai acest desen.






      Imagine EXEMPLU

      Pentru a înțelege cum să folosească toate cele de mai sus, aici este un exemplu de bază. Un map.jpg desen. Acesta trebuie să fie împărțită în două regiuni activi. Dacă faceți clic pe partea de sus (verde) se va deschide site-ul „Odnoklassniki“, partea inferioară (albastru) va duce la „VKontakte“. Link-uri ar trebui să deschidă într-o nouă filă. Pentru a crea o carte, efectuați următorii pași.

      Cum de a insera o imagine într-un site web

      1. Introduceți imaginea pe pagină și se leagă-l la următoarea hartă (va fi numit social), pentru care scrie următorul cod:

      3. începe să creeze o hartă: Deschideți tag-ul și a pus acest lucru în numele atributului numele său, care trebuie să se potrivească în mod necesar valoarea imaginii este usemap:

      4. Utilizați etichetele definesc regiunile zonei active:

      5. Închideți cardul:

      În ciuda faptului că a fost considerat ca un exemplu de cel mai simplu caz, pe care vă puteți gândi, demonstrează în mod clar principiul creării de diagrame de navigație. echipamente de afaceri, și de poziționare, în ceea ce privește HTML nimic complicat - următor.







anterior ◈ următoarea