Kako postaviti sliko html
Slike so pomembni elementi na spletnem mestu, saj pomagajo vizualno prenašati informacije in narediti vsebino privlačnejšo. V HTML obstaja več načinov za dodajanje slik na stran. V tem članku bomo raziskali nekatere od teh možnosti.
element & lt; img & gt;
Element & lt; img & gt; je najosnovnejši način dodajanja slike v HTML. Nima zaključne oznake in zahtevata dva glavna atributa: src in alt .
Atribut src določa pot ali URL slike, ki jo želite prikazati. Na primer:
& lt; img src = “pot/za/sliko.jpg” alt = “Opis slike” & gt;
Atribut alt ponuja alternativni opis slike, ki je prikazan, če slike ni mogoče naložiti ali za uporabnike z okvarjenimi slabostjo.
element & lt; figura & gt; in & lt; figcation & gt;
Element & lt; slika & gt; se uporablja za razvrščanje slike s svojim besedilom podnapisov. & lt; figcation & gt; se uporablja za definiranje slike slike.
Primer:
& lt; slika & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & lt; img src = “pot/za/sliko.jpg” alt = “Opis slike” & gt;
& nbsp; & nbsp; & nbsp; & nbsp; & lt; figuzacija & gt; napis slike & lt;/figcation & gt;
& lt;/figura & gt;
element & lt; div & gt; in CSS
Drug način za dodajanje slike v HTML je uporaba & lt; V tem primeru lahko določite razred ali ID za & lt; div & gt; in uporabite podobo ozadja prek CSS.
Primer:
& lt; div class = “slika” & gt;/lt;/div & gt;
v CSS:
.Image {
& nbsp; & nbsp; & nbsp; & nbsp; ozadje: URL (“pot/za/sliko.jpg”);
}
element & lt; iframe & gt;
& lt; iframe & gt; element se uporablja za vključitev zunanje vsebine v stran HTML. Čeprav se najpogosteje uporablja za vključitev videoposnetkov YouTube ali Google Maps, lahko uporabite tudi & lt; iframe & gt; za prikaz slike.
Primer:
& lt; iframe src = “pot/do/sliko.jpg” & gt;
To je le nekaj načinov dodajanja slik HTML. Izbira metode je odvisna od potreb vašega projekta in vrste slike, ki jo želite prikazati. Vedno ne pozabite optimizirati svojih slik na splet z uporabo desnih oblik in optimiziranih velikosti, da zagotovite hitro nalaganje strani.