Kaip Padidinti Atvaizdo Dydį Html

Turinys:

Kaip Padidinti Atvaizdo Dydį Html
Kaip Padidinti Atvaizdo Dydį Html

Video: Kaip Padidinti Atvaizdo Dydį Html

Video: Kaip Padidinti Atvaizdo Dydį Html
Video: HTML5 CSS3 2022 | section | Вынос Мозга 06 2024, Gegužė
Anonim

Puslapyje rodomo vaizdo dydį galite pakeisti nurodydami atitinkamus žymos atributus

kuri yra atsakinga už grafikos rodymą HTML puslapyje. Didinimas ar mažinimas atliekamas naudojant pločio ir aukščio atributus.

Kaip padidinti atvaizdo dydį html
Kaip padidinti atvaizdo dydį html

Įterpkite paveikslėlį

Prieš redaguodami pridėkite vaizdą į puslapį nurodydami žymas

… Norėdami redaguoti HTML dokumentą, turite atidaryti puslapį bet kuriame teksto rengyklėje. Dešiniuoju pelės mygtuku spustelėkite failą ir pasirinkite atributą „Open With“- „Notepad“. Taip pat galite nurodyti bet kurį kitą redaktorių, kurį jums patogiau naudoti kodui pakeisti.

Eikite į dokumento skyrių ir raskite žymą

… Jei vaizdas dar nebuvo pridėtas prie puslapio, įveskite šį kodą:

Kelias į vaizdo failą gali būti santykinis arba absoliutus. Atributas alt="Image" yra atsakingas už paveikslėlio pavadinimą ir pridedant antraštę, kuris bus rodomas, kai pelės žymeklis bus virš vaizdo.

Dydžio pakeitimas

Norėdami padidinti vaizdą, nustatykite jam tinkamus pločio ir aukščio parametrus, pridėdami atributus prie vaizdo žymos:

Pločio parametras atitinka vaizdo plotį, o aukštyje yra vaizdo aukščio indikatorius. Tokiu atveju, atidarius puslapį, naršyklės lange bus rodomas 300 taškų pločio ir 350 taškų aukščio vaizdas. Taip pat galite pridėti atributus „hspace“ir „vspace“, kad pakeistumėte puslapio formatavimo nustatymus:

Šiame apraše buvo nurodytos horizontalios (hspace) ir vertikalios (vspace) paraštės nuo vaizdo. Bet koks į puslapį įdėtas tekstas bus 5 taškų atstumu horizontaliai nuo vaizdo ir 10 taškų vertikaliai. Kraštinės atributas yra atsakingas už 1 pikselio kraštinės sukūrimą aplink vaizdą.

Reikėtų pažymėti, kad vaizdo dydį galima nustatyti ne tik pikseliais, bet ir procentais, palyginti su naršyklės lango dydžiu. Pavyzdžiui:

Dėl šio kodo darbo vaizdas bus ištemptas per visą lango plotį. Verta paminėti, kad vaizdas šiuo atveju gali iškraipyti. Padidintas nuotraukos rodymas priklauso nuo paties paveikslėlio kokybės.

Išsaugokite pakeitimus, atliktus naudojant „Notepad“lango „File“- „Save“funkciją. Patikrinkite paveikslėlio rodymą naršyklės lange atidarydami HTML failą dešiniuoju pelės klavišu spustelėdami ir pasirinkdami parinktį „Atidaryti“. Siūlomų parinkčių sąraše pasirinkite programą, kurią naudojate naršydami internete. Norėdami redaguoti vaizdo dydį, galite kelis kartus redaguoti HTML failą.

Rekomenduojamas: