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, Maj
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 pomoću" - "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 kada 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 ovom slučaju, kada se stranica otvori, u prozoru pregledača prikazat će se slika širine 300 piksela i visine 350 piksela. Također možete dodati atribute hspace i vspace da biste promijenili postavke formatiranja na stranici:

U ovom su opisu navedene vodoravne (hspace) i vertikalne (vspace) margine sa slike. Bilo koji tekst dodan na stranicu bit će udaljen 5 piksela vodoravno od slike i 10 piksela vertikalno. Atribut border 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 procenat u odnosu na veličinu prozora pregledača. 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. Uvećani prikaz slike zavisi od kvaliteta 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. Možete urediti HTML datoteku bilo koji broj puta da biste prilagodili veličinu slike.

Preporučuje se: