Questo post spiegherà brevemente il metodo per aggiungere l'immagine da un URL.
Come aggiungere un'immagine da un URL in HTML/CSS?
In HTML/CSS, sono disponibili due metodi per aggiungere un'immagine utilizzando l'URL, elencato di seguito:
- Metodo 1: aggiungere un'immagine utilizzando un elemento in HTML
- Metodo 2: aggiungi immagine utilizzando le proprietà CSS in HTML
Metodo 1: aggiungere un'immagine utilizzando l'elemento
Il '
Diamo un'occhiata alle istruzioni fornite di seguito per aggiungere un'immagine utilizzando l'elemento !
Passaggio 1: crea un contenitore div
Innanzitutto, crea un contenitore div utilizzando il ' Successivamente, utilizza il tag di intestazione richiesto da ' ' a ' etichetta '. Ad esempio, utilizzeremo il tag Successivamente, aggiungi un ' Secondo l'output indicato di seguito, l'immagine specificata è stata aggiunta correttamente: Gli sviluppatori possono anche aggiungere l'immagine da un URL utilizzando il CSS ' immagine di sfondo 'CSS. a tale scopo, seguire i passaggi indicati di seguito. Innanzitutto, inserisci un testo di intestazione con l'aiuto del tag di apertura e chiusura Quindi, crea un contenitore div utilizzando il tag Ora, accedi alla classe tramite il selettore di punti ' . ” e il nome della classe che è stato creato in precedenza. Successivamente, applica le proprietà CSS elencate di seguito per aggiungere l'immagine da un URL all'interno della classe: Nel codice sopra fornito: Produzione Hai imparato i diversi metodi per aggiungere immagini da un URL. Per aggiungere un'immagine da un URL, gli sviluppatori possono utilizzare il '
Passaggio 2: inserire l'intestazione
e aggiungeremo il testo specifico come intestazione all'interno dei tag di apertura e chiusura.
Passaggio 3: aggiungi un'immagine utilizzando l'URL
< div classe = 'img-contenitore' >
< h2 > Aggiungi immagine con URL < / h2 >
< imm src = 'https://images.pexels.com/photos/2260800/pexels-photo-2260800.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' Tutto quanto = 'Immagine!' altezza = '400px' larghezza = '300px' / >
< / div >
Metodo 2: aggiungi immagine utilizzando le proprietà CSS in HTML
Passaggio 1: inserire l'intestazione
.
Passaggio 2: crea un contenitore div
> Aggiungi immagine con URL
>
Passaggio 3: accedere al contenitore
Passaggio 4: aggiungi un'immagine utilizzando la proprietà CSS 'background-image'.
altezza : 400 pixel ;
larghezza : 250 pixel ;
dimensione dello sfondo : contenere ;
Immagine di sfondo : URL ( https : //immagini .pexel .com/foto/ 2260800 /foto-pexel- 2260800 .jpeg? auto = compress&cs = tinysrgb&w = 1260 &h = 750 &dpr = uno )
}
Conclusione