Kako dodati sliko v html

Dodajanje slik na spletno mesto je učinkovit način, da je vizualno privlačna in privlačna za obiskovalce. V HTML obstaja več načinov za dodajanje slik, v tem blogu

z uporabo oznake

Najpogostejši način dodajanja slike v HTML je uporaba oznake . Ta oznaka je prazna oznaka, kar pomeni, da ne potrebujete zaključne oznake. Tu je primer, kako ga uporabiti:

Tu so najpomembnejši atributi oznake :

• src: Določi pot slike. Lahko je absolutna ali relativna pot.
• alt: ponuja opis slike za vizualno okvarjene uporabnike ali kadar slike ni mogoče naložiti.

z uporabo oznake

tag se uporablja za razvrščanje slike z ustreznim napisom. Tu je primer:

Napis slike

Uporaba oznake je še posebej uporabna, če želite sliki dodati napis.

Uporaba CSS za dodajanje slik ozadja

Drug način za dodajanje slik v HTML je uporaba CSS za določitev slike ozadja za element. Tu je primer:

.Slika ozadja {
Ozadje: URL (“way_da_imagem.jpg”);
Velikost ozadja: pokrov;
Pojavljanje ozadja: center;
}

Uporaba slik v ozadju je lahko koristna, če želite dodati sliko v določen element, na primer odsek ali glavo.

Sklep

Dodajanje slik v HTML je preprosta naloga, vendar lahko v videzu in uporabniški izkušnji na spletnem mestu močno spremeni. Ne glede na to, ali uporabljate oznako , oznako ali CSS za slike v ozadju, izberite možnost, ki najbolje ustreza vašim potrebam in naredite vaše spletno mesto bolj vizualno privlačno.

Upam, da je bil ta blog koristen, da ste se naučili dodati slike v HTML. Preizkusite različne možnosti in se zabavajte pri ustvarjanju neverjetnih spletnih mest!