Slike so zelo pomemben del spletne strani, saj izboljša videz spletne strani in poveča interakcijo s strankami. USP več spletnih mest je, kako organizirajo različne slike na svojih spletnih straneh in jim dodajo okuse. V tem Članek o slikah bomo razumeli, kako slike vdelati v spletno stran z uporabo HTML-ja v naslednjem vrstnem redu:
Kako dodati sliko v HTML
Vdelavo slike v spletno stran vam daje HTML oznaka. Druga pomembna točka, ki si jo je treba zapomniti, je,
nima zaključne oznake. scr atribut se uporablja za določitev poti slike, ki je lahko URL ali pot slike iz sistema / strežnika. Začnimo najprej z osnovno sintakso vdelave slike v spletno stran z uporabo HTML-ja.
Sintaksa
img src = 'img / front-end-web-development / 50 / what-are-html-images.png'>Vzorčna koda
Vdelava slik v slike v spletno stran
Podobno kot pri drugih oznakah so z različnimi atributi povezani oznaka. Poglejmo si vsakega posebej, razumejmo njihove potrebe in kako jih uporabiti.
Oznake HTML slik
- alt Atribut
Atribut alt je nadomestno besedilo slike. Razlog, zaradi katerega je bil uveden atribut alt, je, da se zaradi kakršnega koli razloga slika ne more naložiti, potem se prikaže nadomestno besedilo, ki daje predstavo o sliki. Razlogi za nenalaganje slike so lahko počasna internetna povezava ali slika ni v navedenem viru itd.
Če je slika v isti mapi, kjer je datoteka HTML, lahko ime datoteke določite neposredno. V nasprotnem primeru morate navesti absolutno pot slikovne datoteke.
Vrednost atributa alt bi morala opisovati sliko.
Primer
Vdelava slik v slike v spletno stran
kako se naučiti vizualnega studia
- Širina in višina slike
Atribut slog se uporablja za nastavitev višine in širine slike. V atributu sloga določite slog CSS.
Vdelava slik v slike v spletno stran
Nekatere pomembne točke med vdelavo slike v spletno stran s pomočjo HTML so:
- Atributi širine in višine so določeni v slikovnih pikah.
- Določite lahko tudi širino in višino slike v odstotkih. Odstotek bo upošteval glede na celotno spletno stran.
- Če navedete samo enega od njih, potem ustrezno prilagodi drugega.
- Vdelava slik z uporabo URL-ja
HTML vam omogoča tudi prilagodljivost, pri kateri lahko sliko izberete z drugega strežnika, tako da določite URL. Za gostovanje slik lahko uporabite ločen strežnik in jih nato vdelate z URL-jem.
Vdelava slik v slike v spletno stran
- Slika kot povezava
Sliko lahko uporabite tudi kot povezavo, kjer lahko uporabnik klikne sliko in pristane na novi spletni strani. Če želite to narediti, morate samo dodati dan v oznaka.
Vdelava slik v slike v spletno stran
kako ustvariti jframe
- Slika plava
Poravnavo slike lahko prilagodite tudi s pomočjo lastnosti CSS float. Vse lastnosti CSS je treba navesti v atributu slog.
Slika HTML
- Zemljevidi slik
To je ena od pomembnih lastnosti, ki jih ponuja HTML. tag pomaga pri določanju slikovnega zemljevida. Verjetno se sprašujete, kaj je slikovni zemljevid. Slikovni zemljevid je slika s klikljivimi območji
Slika HTML
- Slika ozadja
Sliko za ozadje lahko dodate tudi na spletno stran. Uporabiti morate lastnost CSS, tj. Ozadje v oznaki sloga in jo dodati elementu HTML.
Slika HTMLSlika ozadja
Element BODY
S tem smo prišli do konca tega bloga HTML Images.Zdaj po izvedbi zgornjih delčkov bi razumeli, kako vstaviti sliko v HTML. Upam, da je ta spletni dnevnik informativen in dodane vrednosti za vas.
Oglejte si našo ki prihaja z usposabljanjem pod vodstvom inštruktorjev v živo in izkušnjami iz resničnega projekta. To usposabljanje vam omogoča, da obvladate veščine za delo z zalednimi in prednjimi spletnimi tehnologijami. Vključuje usposabljanje za spletni razvoj, jQuery, Angular, NodeJS, ExpressJS in MongoDB.
Imate vprašanje za nas? Prosimo, omenite ga v oddelku za komentarje v blogu »HTML Images« in mi se bomo oglasili.