In die hypertext markup taal (HTML) word 'n spesiale opdrag "tag" gebruik om 'n beeld op 'n bladsy te vertoon. Daar word na hierdie tag verwys as img en bevat 'n stel veranderlikes - "attribute". Met behulp van eienskappe kan u alle aspekte van die vertoon van 'n prent in 'n hiperteksbladsy bepaal, insluitend die afmetings daarvan. Dit is egter nie die enigste manier om die probleem op te los nie - u kan ook die grootte van die prent verminder met behulp van Cascading Style Sheets (CSS).
Instruksies
Stap 1
Plaas die eienskappe van hoogte en breedte in die etiket wat verantwoordelik is vir die vertoon van die gewenste prentjie. Stel die eerste een op die vertikale grootte van die prentjie, en die tweede een horisontaal. Stel albei getalle in pixels, maar hier hoef u nie eenhede - px - aan te dui nie. Let by die berekening van die nodige waardes vir hierdie eienskappe op die inagneming van die verhoudings van die verkleining van die prentjie, anders word dit in 'n verwronge vorm vertoon. Om byvoorbeeld 'n gehalveerde prent uit 'n lêer genaamd SomePic.
Stap 2
U kan die proporsionele vermindering van die oorspronklike afmetings in persentasie in persentasie instel. Om dit te doen, gebruik slegs die hoogte-kenmerk sonder om die breedte te spesifiseer, en voeg 'n persentteken by nadat u die grootte definieer het. U kan byvoorbeeld dieselfde effek bereik as in die voorbeeld van die vorige stap met 'n etiket wat in hierdie vorm geskryf is:
Stap 3
As u die grootte van die prent wil spesifiseer met behulp van die beskrywing van die style, gebruik dieselfde naam - img - en die eienskappe - breedte en hoogte. In hierdie geval moet die meeteenhede - px, pt of% - altyd gespesifiseer word. Om die grootte van absoluut alle beelde op die bladsy te halveer, plaas die volgende inskrywing in die stylbeskrywingsblok: afbeelding {hoogte: 50%;} As u die grootte van slegs een prentjie wil verklein, voeg 'n addisionele id-kenmerk by aan die tag en ken dit een uniek toe vir die beelde van hierdie bladsywaarde - byvoorbeeld PicOne: voeg dieselfde waarde by die stylopname, en skei dit met 'n "hash" # van die naam van die tag. Die volledige stylbeskrywing kan in hierdie geval so lyk: img # OnePic {hoogte: 50%;}
