Kako Povečati Velikost Slike V Html

Kazalo:

Kako Povečati Velikost Slike V Html
Kako Povečati Velikost Slike V Html

Video: Kako Povečati Velikost Slike V Html

Video: Kako Povečati Velikost Slike V Html
Video: Курс HTML/CSS Advanced | HTML-теги DIV, SPAN 2024, April
Anonim

Velikost slike, prikazane na strani, lahko spremenite tako, da določite ustrezne atribute za oznako

ki je odgovoren za prikaz grafike na strani HTML. Povečanje ali zmanjševanje se izvede prek atributov širine in višine.

Kako povečati velikost slike v html
Kako povečati velikost slike v html

Vstavite sliko

Pred urejanjem dodajte sliko na stran z določitvijo oznak

… Če želite urediti dokument HTML, morate stran odpreti v katerem koli urejevalniku besedil. Z desno miškino tipko kliknite datoteko in izberite atribut »Odpri z« - »Beležnica«. Določite lahko tudi kateri koli drug urejevalnik, ki je za vas primernejši za spreminjanje kode.

Pojdite na razdelek z dokumentom in poiščite oznako

… Če slika še ni bila dodana na stran, vnesite naslednjo kodo:

Pot do slikovne datoteke je lahko relativna ali absolutna. Atribut alt="Image" je odgovoren za ime slike in ji doda napis, ki se prikaže, ko je miškin kazalec nad sliko.

Sprememba velikosti

Če želite sliko povečati, ji nastavite ustrezne parametre širine in višine, tako da oznaki slike dodate atribute:

Parameter širine ustreza širini slike, višina pa vsebuje indikator višine slike. V tem primeru bo ob odprtju strani v oknu brskalnika prikazana slika s širino 300 pik in višino 350 pik. Dodate lahko tudi atributa hspace in vspace, da spremenite nastavitve oblikovanja na strani:

V tem deskriptorju so bili podani vodoravni (hspace) in navpični (vspace) robovi slike. Vsa besedila, dodana na stran, bodo od slike oddaljena 5 slikovnih pik in 10 pik navpično. Atribut border je odgovoren za ustvarjanje obrobe 1 slikovne pike okoli slike.

Upoštevati je treba, da lahko velikost slike nastavite ne samo v slikovnih pikah, temveč tudi kot odstotek glede na velikost okna brskalnika. Na primer:

Kot rezultat dela te kode bo slika raztegnjena po celotni širini okna. Omeniti velja, da se slika v tem primeru lahko popači. Povečan prikaz slike je odvisen od kakovosti same slike.

Spremembe, ki ste jih naredili, shranite s pomočjo funkcije "File" - "Save" v oknu "Notepad". Preverite prikaz slike v oknu brskalnika tako, da z desno miškino tipko odprete datoteko HTML in izberete možnost »Odpri z«. Na seznamu predlaganih možnosti izberite program, s katerim brskate po internetu. Datoteko HTML lahko poljubno prilagodite, da prilagodite velikost slike.

Priporočena: