HTML, pentru a insera o imagine

Conținutul de text al unei pagini web este o parte din documentul HTML, înconjurat de tag-uri care definesc înțelesul și scopul fiecărei părți a textului. Imaginile, pe de altă parte, sunt fișiere externe și nu sunt de fapt o parte a paginii web. Imaginile de pe pagina încorporate cu o etichetă . Pagina de web care include imaginea afișează este un proces în două etape: în primul rând, browser-ul descarcă layout-ul, și apoi încarcă imaginile externe. Oriunde în documentul HTML de cod este tag-ul , browser-ul cere un fișier de pe un server Web care se face referire prin tag-ul, și îl afișează pe locația tag-ul.

Cum de a insera o imagine

element Aceasta se referă la elementele, introduceți conținut, care este elementul în sine nu este adăugat direct la o pagină web, browser-ul creează cantitatea necesară de spațiu în care este afișată o imagine, la care se referă. etichetă este o singură etichetă care nu are conținut, acesta are un atribut obligatoriu src, indicând distanța (relative sau absolute) într-un fișier grafic.

Browserele mâner imagine ca elemente inline. astfel încât acestea vor fi pe aceeași linie cu textul sau alte elemente inline (inclusiv alte imagini):

text alternativ și tooltip

Atributul alt este un alt atribut esențial, acesta oferă un text alternativ pentru a fi afișat atunci când imaginea nu este disponibilă. Acest lucru poate apărea, de exemplu, datorită faptului că extinderea imaginii specificate incorect stabilită corect cale, etc.

Textul atributul alt este de a fi de înlocuire semnificativă a imaginilor, deci va trebui să încerce să descrie ceea ce este prezentat în imagine. Un text alternativ bine scris poate informa utilizatorul că imaginea lipsește este logo-ul, fotografia, ilustrare, portret, peisaj, schiță, hartă, diagramă, și așa mai departe.

Imaginile care nu fac parte din conținutul principal al paginii și au un pur decorativ, de asemenea, ar trebui să aibă atributul alt, dar în loc să descrie proprietățile lor decorative din valoarea sa poate fi lăsat necompletat (alt = „“).

Notă: Dacă trebuie să adăugați un tooltip cu descriere suplimentară într-o imagine, puteți utiliza un titlu atribut la nivel mondial: Încercați "

Pe acest subiect a se vedea: