În acest articol, vom examina cum să inserăm o imagine în HTML.
De exemplu, o imagine JPEG cântărește mai puțin decât o imagine GIF de aceeași dimensiune, dar în GIF există suport pentru animație și grafică transparentă, care nu este în JPEG. Formatul PNG-8 cântărește mult mai puțin decât GIF, dar sprijină și transparența. De aceea, pentru mine, este preferabil celorlalți, și cel mai adesea pentru proiectarea paginilor web folosesc imagini în format PNG-8.
Introducerea unei imagini în HTML
Pentru a introduce o imagine într-un articol, trebuie mai întâi să încărcați această imagine în folderul pentru imagini de pe server. Acum, luați în considerare ce etichete și atribute sunt utilizate pentru a afișa imaginea pe o pagină Web.
1. Pentru a afișa o imagine în HTML, utilizați eticheta . atribut
2. Atributul necesar servește la descrierea imaginii - acesta este un text alternativ care este afișat în browser în loc de imagine dacă imaginea nu a fost încărcată sau afișarea imaginilor în browser este dezactivată de utilizator.
3. Atributul universal
În plus, puteți utiliza astfel de atribute precum alinierea - alinierea imaginii, lățimea - lățimea imaginii, înălțimea - înălțimea imaginii,
Cu toate acestea, pentru a modela imaginile inserate în articol, este mai bine să folosiți clasele CSS, în special în stil.
În CSS, pentru imagini de stil, următoarele proprietăți sunt utilizate cel mai frecvent:
float - aliniază imaginea, apăsând-o în marginea stângă sau dreaptă a paginii web, cu fluxul celorlalte elemente pe partea liberă;
granița - definește limitele imaginii: culoarea, stilul, grosimea liniilor fiecărei părți a imaginii;
padding - stabilește valoarea câmpurilor în jurul conținutului elementului (adesea folosit pentru a încadra imaginile pentru a le separa unul de altul).
margine - stabilește valoarea indentului de la fiecare margine a elementului (adaugă o indentare la imagine din text).