Kako Povećati Veličinu Slike U Html-u

Sadržaj:

Kako Povećati Veličinu Slike U Html-u
Kako Povećati Veličinu Slike U Html-u

Video: Kako Povećati Veličinu Slike U Html-u

Video: Kako Povećati Veličinu Slike U Html-u
Video: Dodavanje slike u HTML 2024, Svibanj
Anonim

Veličinu slike koja se prikazuje na stranici možete promijeniti određivanjem odgovarajućih atributa za oznaku

koja je odgovorna za prikazivanje grafika na HTML stranici. Povećavanje ili smanjivanje vrši se kroz atribute širine i visine.

Kako povećati veličinu slike u html-u
Kako povećati veličinu slike u html-u

Umetnite sliku

Prije uređivanja dodajte sliku na stranicu navodeći oznake

… Da biste uredili HTML dokument, morate otvoriti stranicu u bilo kojem uređivaču teksta. Desnom tipkom miša kliknite datoteku i odaberite atribut "Otvori s" - "Bilježnica". Također možete odrediti bilo koji drugi uređivač koji vam je prikladniji za promjenu koda.

Idite na odjeljak dokumenta i pronađite oznaku

… Ako slika još nije dodana na stranicu, unesite sljedeći kod:

Put do slikovne datoteke može biti relativan ili apsolutni. Atribut alt="Slika" odgovoran je za ime slike i dodavanje natpisa na nju, koji će se prikazati kad je pokazivač miša iznad slike.

Promjena veličine

Da biste povećali sliku, postavite joj odgovarajuće parametre širine i visine dodavanjem atributa na oznaku slike:

Parametar širine odgovara širini slike, a visina sadrži pokazatelj visine slike. U tom slučaju, kada se stranica otvori, u prozoru preglednika prikazat će se slika širine 300 piksela i visine 350 piksela. Također možete dodati atribute hspace i vspace da biste promijenili postavke oblikovanja na stranici:

U ovom su opisu navedene vodoravne (hspace) i okomite (vspace) margine sa slike. Bilo koji tekst dodan stranici bit će udaljen 5 piksela vodoravno od slike i 10 piksela okomito. Atribut obruba odgovoran je za stvaranje obruba od 1 piksela oko slike.

Treba napomenuti da se veličina slike može postaviti ne samo u pikselima, već i kao postotak u odnosu na veličinu prozora preglednika. Na primjer:

Kao rezultat rada ovog koda, slika će se razvući cijelom širinom prozora. Vrijedno je napomenuti da se slika u ovom slučaju može iskriviti. Povećani prikaz slike ovisi o kvaliteti same slike.

Spremite promjene napravljene pomoću funkcije "File" - "Save" u prozoru "Notepad". Provjerite prikaz slike u prozoru preglednika otvaranjem HTML datoteke desnim klikom i odabirom opcije "Otvori s". Na popisu predloženih opcija odaberite program koji koristite za pregledavanje Interneta. HTML datoteku možete uređivati bilo koji puta da biste prilagodili veličinu slike.

Preporučeni: