Hiperteksta iezīmēšanas valodā (HTML) īpaša komanda “tags” tiek izmantota attēla parādīšanai lapā. Šis tags tiek dēvēts par img un satur mainīgo kopu - "atribūtus". Ar atribūtu palīdzību jūs varat noteikt visus attēla attēlošanas aspektus hiperteksta lapā, ieskaitot tā izmērus. Tomēr tas nav vienīgais veids, kā atrisināt problēmu - jūs varat arī samazināt attēla izmēru, izmantojot kaskādes stila lapas (CSS).
Instrukcijas
1. solis
Novietojiet augstuma un platuma atribūtus tagā, kas atbild par vēlamā attēla parādīšanu. Pirmajam iestatiet attēla vertikālo izmēru, bet otro - horizontāli. Iestatiet abus skaitļus pikseļos, taču šeit nav nepieciešams norādīt vienības - px. Aprēķinot nepieciešamās vērtības šiem atribūtiem, pievērsiet uzmanību attēla samazināšanas proporciju ievērošanai, pretējā gadījumā tas tiks parādīts sagrozītā formā. Piemēram, lai lapā ievietotu pusi no attēla no faila SomePic.jpg, kura sākotnējie izmēri ir 500 x 300 pikseļi, tagu var izdarīt ar šādu komandu:
2. solis
Jūs varat iestatīt sākotnējo attēla izmēru proporcionālo samazinājumu procentos. Lai to izdarītu, izmantojiet tikai augstuma atribūtu, nenorādot platumu, un pēc lieluma noteikšanas numura norādīšanas pievienojiet procentu zīmi. Piemēram, ar tagu, kas rakstīts šajā formā, varat sasniegt tādu pašu efektu kā iepriekšējā darbības piemērā:
3. solis
Ja vēlaties norādīt attēla izmēru, izmantojot stilu aprakstu, izmantojiet to pašu taga nosaukumu - img - un atribūtus - platums un augstums. Šajā gadījumā vienmēr jānorāda mērvienības - px, pt vai%. Lai iestatītu uz pusi samazinātu visu lapas attēlu lielumu, stila apraksta blokā ievietojiet šādu ierakstu: img {height: 50%;} Ja jums jāsamazina tikai viena attēla izmērs, pievienojiet papildu ID atribūtu savai atzīmei un piešķir tai vienu unikālu šīs lapas vērtības attēliem - piemēram, PicOne: Pievienojiet to pašu vērtību stila ierakstam, atdalot to ar "hash" # no taga nosaukuma. Pilns stila apraksts šajā gadījumā var izskatīties šādi: img # OnePic {height: 50%;}
