Tento příspěvek stručně vysvětlí způsob přidání obrázku z adresy URL.
Jak přidat obrázek z adresy URL v HTML/CSS?
V HTML/CSS jsou k dispozici dva způsoby přidání obrázku pomocí adresy URL, která je uvedena níže:
- Metoda 1: Přidání obrázku pomocí prvku v HTML
- Metoda 2: Přidání obrázku pomocí vlastností CSS v HTML
Metoda 1: Přidejte obrázek pomocí prvku
' ” element je jeden void element, který nemá žádný podřízený obsah a koncovou značku. ' src ' a ' všechno ” jsou dva klíčové atributy, které se používají uvnitř tagu “ ”.
Podívejme se na níže uvedené pokyny k přidání obrázku pomocí prvku !
Krok 1: Vytvořte kontejner div
Nejprve vytvořte kontejner div pomocí „ Dále použijte požadovanou značku nadpisu z „ “ až “ ” tag. Využijeme například tag Poté přidejte „ ” a do značky obrázku vložte níže uvedené atributy: Podle níže uvedeného výstupu byl zadaný obrázek úspěšně přidán: Vývojáři mohou také přidat obrázek z adresy URL pomocí CSS “ obrázek na pozadí 'CSS.' za tímto účelem postupujte podle níže uvedených kroků. Nejprve vložte text nadpisu pomocí otevírací a uzavírací značky Dále vytvořte kontejner div pomocí značky Nyní vstupte do třídy pomocí tečkového voliče “ . “ a název třídy, který byl vytvořen dříve. Poté použijte níže uvedené vlastnosti CSS a přidejte obrázek z adresy URL do třídy: Ve výše uvedeném kódu: Výstup Dozvěděli jste se o různých metodách přidávání obrázků z adresy URL. Chcete-li přidat obrázek z adresy URL, mohou vývojáři použít „ ” tag. Poté vložte „ src ” a přiřaďte URL jako hodnotu “src”. Dále může uživatel přidat obrázek z adresy URL pomocí CSS „ obrázek na pozadí ' vlastnictví. Tento zápis uvádí metody pro přidání obrázku z adresy URL v HTML/CSS.
Krok 2: Vložte nadpis
a do úvodního a závěrečného tagu přidáme konkrétní text jako nadpis.
Krok 3: Přidejte obrázek pomocí adresy URL
< div třída = 'img-conatiner' >
< h2 > Přidat obrázek s URL < / h2 >
< img src = 'https://images.pexels.com/photos/2260800/pexels-photo-2260800.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1' všechno = 'Obraz!' výška = '400px' šířka = '300px' / >
< / div >
Metoda 2: Přidání obrázku pomocí vlastností CSS v HTML
Krok 1: Vložte nadpis
.
Krok 2: Vytvořte kontejner div
> Přidat obrázek s adresou URL
>
Krok 3: Přístup ke kontejneru
Krok 4: Přidejte obrázek pomocí vlastnosti CSS „obrázek na pozadí“.
výška : 400 pixelů ;
šířka : 250 pixelů ;
velikost pozadí : obsahovat ;
Obrázek na pozadí : url ( https : //snímky .pexels .com/photos/ 2260800 /pexels-photo- 2260800 .jpeg? auto = komprimovat&cs = tinysrgb&w = 1260 &h = 750 &dpr = jeden )
}
Závěr