Imagini în html-document

Imagini în html-document
Imaginile de pe site îmbunătățesc semnificativ aspectul său, animă site-ul și afișează informațiile vizual prezentate. Un site rar va retine vizitatorul daca este prezentat doar textul. Imaginile dintr-un document HTML pot fi ușor poziționate și personalizate cu etichete și atribute.

Inserarea imaginilor într-un document html

Pentru a încărca o imagine, utilizați eticheta img. Aceasta specifică calea absolută sau relativă la fișier. Prin specificarea unei căi relative, imaginea trebuie salvată în dosarul cu site-ul din subfolder cu imagini.

- imagine în dosarul Imagini

Imagini în html-document
- imagine pe un alt site

După încărcarea unei imagini, dimensiunea acesteia poate fi modificată, utilizând atributele de lățime și înălțime:

În plus față de inserarea în conținut, imaginea poate fi fundalul site-ului. Pentru a face acest lucru, trebuie să îl specificați în eticheta corporală cu atributul de fundal:

Poziționarea imaginii în text

După introducerea unei imagini, trebuie să fie poziționată în text, pentru aceasta este folosit atributul align.

După aceea, imaginea este aliniată la stânga textului, deoarece este specificată valoarea stânga. pentru alinierea cu dreptul - specificați valoarea corectă. De asemenea, textul poate fi plasat în partea de sus, în partea de jos sau în mijlocul imaginii.

După alinierea imaginii și textului, trebuie să setați spațiul dintre ele. Acest lucru se poate face cu atributele hspace și vspace:

- marginea verticală

- orizontal

Pentru a întrerupe fluxul în jurul imaginii, puteți utiliza eticheta br cu atributul all:

Începutul
text.

După eticheta br. textul oprește fluxul și apare sub desen.

Operații suplimentare cu imagini

Pentru imagine, este obișnuit să setați o descriere care va apărea atunci când treceți cu mouse-ul:

Implicit, imaginea este setată la un cadru cu o valoare de 1, pentru ao elimina, setați valoarea la 0

Articole similare