Ta objava bo na kratko razložila metodo za dodajanje slike iz URL-ja.
Kako dodati sliko iz URL-ja v HTML/CSS?
V HTML/CSS sta na voljo dva načina za dodajanje slike z uporabo URL-ja, ki je naveden spodaj:
1. način: dodajte sliko z uporabo elementa
' ” je en sam prazen element, ki nima podrejene vsebine in končne oznake. ' src « in » vse « sta dva ključna atributa, ki se uporabljata znotraj oznake » «.
Oglejmo si spodnja navodila za dodajanje slike z elementom !
1. korak: Naredite vsebnik div
Najprej ustvarite vsebnik div z uporabo » Nato uporabite zahtevano oznako naslova iz » ' do ' ' oznaka. Na primer, uporabili bomo oznako Po tem dodajte » ” in v slikovno oznako vstavite spodaj navedene atribute: Glede na spodnji rezultat je bila podana slika uspešno dodana: Razvijalci lahko dodajo sliko tudi iz URL-ja s pomočjo CSS-ja slika ozadja ” CSS. v ta namen sledite spodnjim korakom. Najprej vstavite besedilo naslova s pomočjo začetne in končne oznake Nato ustvarite vsebnik div z uporabo oznake Zdaj dostopajte do razreda prek izbirnika pik ' . « in ime razreda, ki je bil ustvarjen prej. Nato uporabite spodaj navedene lastnosti CSS, da dodate sliko iz URL-ja znotraj razreda: V zgoraj navedeni kodi: Izhod Naučili ste se o različnih metodah dodajanja slik iz URL-ja. Če želite dodati sliko iz URL-ja, lahko razvijalci uporabijo » ' oznaka. Nato vstavite » src « in dodelite URL kot vrednost »src«. Poleg tega lahko uporabnik doda sliko iz URL-ja z uporabo CSS ' slika ozadja ” lastnina. Ta zapis je navedel metode za dodajanje slike iz URL-ja v HTML/CSS.
2. korak: Vstavite naslov
in dodali določeno besedilo kot naslov znotraj začetne in končne oznake.
3. korak: dodajte sliko z URL-jem
< div razred = 'img-conatiner' >
< h2 > Dodajte sliko z URL-jem < / h2 >
< img src = 'https://images.pexels.com/photos/2260800/pexels-photo-2260800.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' vse = 'Podoba!' višina = '400px' premer = '300px' / >
< / div >
2. način: dodajte sliko z uporabo lastnosti CSS v HTML
1. korak: Vstavite naslov
.
2. korak: Ustvarite vsebnik div
> Dodaj sliko z URL
>
3. korak: Dostop do vsebnika
4. korak: dodajte sliko z lastnostjo CSS »background-image«.
višina : 400 slikovnih pik ;
premer : 250 slikovnih pik ;
velikost ozadja : vsebujejo ;
Slika ozadja : url ( https : //slike .pexels .com/fotografije/ 2260800 /pexels-foto- 2260800 .jpeg? avto = stiskanje&cs = tinysrgb&w = 1260 &h = 750 &dpr = eno )
}
Zaključek