Ovaj će post ukratko objasniti metodu dodavanja slike s URL-a.
Kako dodati sliku s URL-a u HTML/CSS?
U HTML/CSS-u dostupne su dvije metode za dodavanje slike pomoću URL-a koji je naveden u nastavku:
- Metoda 1: Dodajte sliku pomoću elementa u HTML-u
- Metoda 2: Dodajte sliku koristeći CSS svojstva u HTML-u
Metoda 1: Dodajte sliku pomoću elementa
' ” element je jedan prazni element koji nema podređeni sadržaj i završnu oznaku. ' src ' i ' sve ” dva su ključna atributa koja se koriste unutar oznake “ ”.
Pogledajmo upute u nastavku za dodavanje slike pomoću elementa !
Korak 1: Napravite div spremnik
Najprije izradite div spremnik koristeći ' Zatim upotrijebite potrebnu oznaku naslova iz ' ” do “ ” oznaka. Na primjer, upotrijebit ćemo oznaku Nakon toga dodajte ' ” i umetnite dolje navedene atribute unutar oznake slike: Prema dolje danom rezultatu, navedena slika je uspješno dodana: Programeri također mogu dodati sliku s URL-a koristeći CSS ' pozadinska slika ” CSS. u tu svrhu slijedite dolje navedene korake. Prvo umetnite tekst naslova uz pomoć početne i završne oznake Zatim izradite div spremnik korištenjem Sada pristupite klasi putem birača točkica ' . ” i naziv klase koji je prethodno kreiran. Nakon toga primijenite dolje navedena CSS svojstva da dodate sliku iz URL-a unutar klase: U gore navedenom kodu: Izlaz Naučili ste o različitim metodama za dodavanje slika s URL-a. Za dodavanje slike s URL-a, programeri mogu upotrijebiti ' ” oznaka. Zatim umetnite ' src ” i dodijelite URL kao vrijednost „src”. Nadalje, korisnik može dodati sliku s URL-a pomoću CSS-a ' pozadinska slika ” vlasništvo. Ovaj tekst navodi metode za dodavanje slike s URL-a u HTML/CSS.
Korak 2: Umetnite naslov
i dodati određeni tekst kao naslov unutar početnih i završnih oznaka.
Korak 3: Dodajte sliku koristeći URL
< div razreda = 'img-conatiner' >
< h2 > Dodajte sliku s URL-om < / h2 >
< img src = 'https://images.pexels.com/photos/2260800/pexels-photo-2260800.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' sve = 'Slika!' visina = '400 px' širina = '300px' / >
< / div >
Metoda 2: Dodajte sliku koristeći CSS svojstva u HTML-u
Korak 1: Umetnite naslov
.
Korak 2: Stvorite div spremnik
> Dodaj sliku s URL-om
>
Korak 3: Pristup spremniku
Korak 4: Dodajte sliku pomoću CSS svojstva “background-image”.
visina : 400 px ;
širina : 250 px ;
veličina pozadine : sadržavati ;
Pozadinska slika : url ( https : //slike .pekseli .com/fotografije/ 2260800 /pexels-foto- 2260800 .jpeg? auto = komprimirati&cs = tinysrgb&w = 1260 &h = 750 &dpr = jedan )
}
Zaključak