Cum de a insera o imagine?
Practic, imaginile de pe paginile plasate într-una din cele trei formate de imagine: GIF. jpg / jpeg sau png (detaliu aici.).
Eticheta atribut Align Acesta vă permite să plasați o imagine pe dreapta sau stânga în raport cu elementele de text și alte pagini, sau așezați-l într-un anumit fel în raport cu linia de bază.
Aliniați imaginea cu linia de bază a liniei curente.
Cadrul în jurul imaginii
Eticheta atribut de frontieră ne permite să încheie imaginea în cadru, culoarea care se potrivește cu culoarea textului de pe pagina, iar grosimea este setată în pixeli. În mod implicit, nu există nici un cadru.
Imaginea este conținută într-o grosime de cadru 2 pixeli.
dimensiunea imaginii
Dimensiunile grafic este întotdeauna de dorit să se precizeze în mod explicit, folosind înălțimea și lățimea atributele. definind respectiv înălțimea și lățimea imaginii.
În caz contrar, browser-ul necesită timp suplimentar pentru auto-calcula dimensiunea imaginii, care afectează viteza de încărcare de pagini.
Dimensiunea imaginii este setată în pixeli și rata de încărcare nu este afectată.
Padding pe imagine
Indentarea de imagini (sau câmpuri din jurul imaginii) și alte elemente ale paginii sunt specificate de hspace atributele și vspace - liniuțele pe orizontală și pe verticală, respectiv.
Indents sunt măsurate în pixeli.
În acest caz, adâncitura din imaginea pe orizontală dintr-o parte a textului, iar pe de altă parte - la marginea elementului de bază este de 50 de pixeli.
text alternativ și tooltip
Cu tag-ul alt atribut adăugat la textul de imagine alternativ.
text alternativ utilizat pentru o scurtă descriere a conținutului imaginii atunci când imaginea în sine, indiferent de motiv, nu este disponibil (de exemplu, în cazul în care browser-ul dvs. nu va descărca în mod automat imagini).
Astfel, textul alternativ afișat dacă browser-ul nu este încărcat sau descărcat încă nu imaginea.
Tooltip adăugat la imaginea folosind atributul din titlu. Se pare că atunci când treceți peste imagine.
Încercați să opriți încărcarea automată a imaginilor în browser, și în loc de un pinguin în caseta veți vedea „Text alternativ“.